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Welcome to Purple Belt! 


Welcome to Purple Belt! You've reached a significant milestone in your 
journey. It's a great accomplishment, and you should be proud of 
yourself. Everything that you've learned up to this point has been in 
preparation for this. 


From now on, you'll be working with the same tools that professionals 
use to make games. This might seem a bit overwhelming at first. There 
are so many different options and ways to do things that it might make 
your head spin at first. Don't forget what you learned before in the 
previous belts. At the heart of every lesson are the same core 
programming concepts. You're still using variables, conditionals, and 
functions. The difference with Unity is that you have so many more 
opportunities than you had before. 


But before we begin, what is Unity? 
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Working in Unity 


Unity is the same tool used by professionals to make games such as 
Pokémon Go, Fall Guys, and Among Us. With Unity, you can bring 
various elements together to build a complete game that can be played 
on different devices and platforms. 


a -> 


Image Sources (Left to Right): 1) Among Us: Epic Games, 2) Fall Guys: Fall Guys | Download & Play Fall Guys on PC for Free - 
Epic Games Store, 3) Pokemon GO: Pokémon GO (pokemongolive.com) 


What do | need to know? 


To get you started, we will concentrate on the Unity interface, how to 
find things and what to do with them. For the first few activities, you 
will use pre-built scripts to make your games. This approach will ease 
you into Unity's environment until you are familiar enough with Unity to 
start working with the programming language, “C Sharp” (C#). 


Unity utilizes C# because it seamlessly aligns with the components of 
Unity game objects. Furthermore, as you'll soon discover, you can 
attach multiple C# scripts to a single object, facilitating the writing of 
code in manageable, bite-sized portions. 
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A Brief Word About 2D and 3D 


Games are typically developed in either a 2-dimensional (2D) or 3- 
dimensional (3D) environment. 


In a 2D environment, your focus lies in the x and y axes, governing an 
object's horizontal and vertical movement. The x-axis represents left 
and right movement, while the y-axis represents up and down 
movement. However, it's worth noting that the z-axis can also be 
employed in 2D to position or layer objects in depth, albeit without the 
perception of 3D space. 


On the other hand, 3D introduces an additional dimension, the z-axis, 
which allows for forward and backward movement. Unity provides the 
flexibility to create games in either a 2D or 3D environment, even 
though Unity's core architecture remains 3D. You can initiate a Unity 
project in 3D and utilize a 2D (orthographic) camera and 2D colliders to 
craft a 2D game using 3D objects, as we'll demonstrate later in this 
section. 


While all the activities in this book start as 3D projects, the initial ones 
exclusively involve the x and y axes, helping you understand that 
objects in Unity can take on various dimensions as needed! 
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2 


Getting Started with Unity 


To start, locate Unity Hub on your desktop. The icon should resemble 
something like the image below. Move your cursor to Unity Hub and click it 
twice to open the app. 


If you can't locate Unity Hub on your desktop, let a Code Sensei know and 


£ 


they will assist you! 


Unity Hub 


Once you click Unity Hub it will appear, and you will be greeted by a screen 
that looks like this. Please note, the screen appearance may differ as Unity 
has a Black and White appearance option. 


© 


Welcome to Unity Hub 


Manage all your Unity projects and 
editor installations in one app 


Sign in 
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3 If you already have a Unity account then you can select the “Sign in” button 
otherwise click on “Create account”. Remember, if you are under the age of 
13, you will need to get permission to create a Unity account. If you're 
having trouble, have your Code Sensei help you. 


When you click on the create account button, you will see a screen like the 
one below: 


À unity ID 


Create a Unity ID 


If you already have a Unity ID, please sign in here. 


Email Password 
Username Full Name 


| have read and agree to the Unity Terms of Service(required). x 


| acknowledge the Unity Privacy Policy [Republic of Korea Residents I'm not a robot 
agree to the Unity Collection and Use of Personal Information] 
(required). 


reCAPTCHA 
Privacy - Terms 


| agree to have Marketing Activities directed to me by and receive 
marketing and promotional information from Unity, including via email 
and social media(optional). 


OR 
L ROE < f- a 


You can fill in your details or have a Code Sensei help you do this. You can 
also sign on using a single sign-on provider, such as Google or Apple. Once 
you finish your details, click Create a Unity ID. Then return to Unity Hub. 


Once your account is created, sign into Unity Hub with it. 
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A Once you are signed in, you will see the Projects window. 


When you first start, you will not have any projects to open. That’s okay. 
Make a new one by clicking the blue “New project” button. 


Projects 


MODIFIED EDITOR VERSION 


No projects, yet. 


5 On the left side of the screen are options for what type of project you will be 
creating. You will most often be choosing 2D or 3D. Go ahead and leave 3D 
selected. 


New project 
Editor Version: 2022.3.19f1 tts 


2D (URP) 
Core 


3D Mobile 
Core 


2D Mobile 
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6 Ensure that the Editor Version at the top of the screen states “2022.3 LTS” 


New project 
Editor Version: 2022.3.19f1 Lts 


Using this version will ensure everything looks the same as you follow along 
in this guide. 

7 You will also need to select a name for your project. This is very important: 
you cannot change the name of a project once it is created. Make sure that it 
describes the project well. 


Your first project is Dropping Bombs, so select a name that reflects that. For 
example, if your name is John Ninja, why not use your initials and name your 
file JNDroppingBombs. 


3D 
This is an empty 3D project that uses Unity's 
built-in renderer. 


Read more 


Project name 
JNDroppingBombs 
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3 Finally, you need to choose where to store your Unity projects. It is best to 
create a new folder with a name like John Ninja's Unity or JNUnity to keep 
everything in one place. 


However, your Code Ninjas location may handle Unity project storage 
differently. Ask your Code Sensei where to save your Unity projects before 
proceeding to the next step! 


Q All that’s left to do is click on CREATE and let Unity set up the files for your 
first project! Once that's done, move to the next page to create your first 
game in Unity! 


© PRO TIP! 


Projects in Unity are saved in the location that you've chosen as a folder with 

the name of your project. If you ever need to duplicate a project, just make a 

copy of the folder and all its contents and paste it and give it a new name. To 
open the new folder in Unity, click on Add and select the new folder. 
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Activity 1: Dropping Bombs 


This first project in Unity is meant to show you the possibilities 
achievable even without elaborate graphics, animations, or complex 
scripts. If you haven't done so already, open Unity and create a new 3D 
project, and give it a name like MylInitalsDroppingBombs. 


1 After you have created your new project, Unity will open and show you 
something like the image below. Don't worry if it doesn’t look exactly like 
this, we'll take care of that in the next step. 
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2 Unity gives you the option to rearrange the layout based on what works best 
for you. But for now, let's make sure you are using the default layout to 
avoid confusion. Click the Layout button located in the upper right corner. 
Select Default and your window should look just like the above image. 


Tall 
Wide 


Save Layout... 
Save Layout to File... 

Load Layout from File... 

Delete Layout > 
Reset All Layouts 


If you decide to rearrange the layout, you can use this same menu to save 
it for the next time you need it by clicking the “Save Layout...” button. 


3 Even though this is a 3D Unity project, our game is only going to use 
movement in 2 dimensions (left to right, up and down). With that in mind, 
we can change the view so that it is strictly 2D. To do this, click the 2D 
button above the scene window as shown below. 
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A On the left side of the display is the Hierarchy panel. This shows you all of 
the GameObjects that are inside your scene. By default, Unity creates a 
Sample Scene and sets up a camera and light for you. Select the Main 
Camera. To the right of the scene, there is a panel called the Inspector. This 
panel contains all of the components associated with the selected 
GameObject in the Hierarchy. In this case, we want to change the Projection 
property of the camera from Perspective to Orthographic as shown below. 
We're doing this so that when we play the game, the objects will maintain 
their proportions and not get distorted by a 3D camera. 


= Hierarchy a 
-+-v Oy i O v Main Camera 


KA SamnleScene Tag MainCamera y Layer Default 


D Main Camera ^ Transform 


J VITECUONMal LIONI Position 
Rotation 


Scale 

mi v Camera 

Clear Flags Skybox 
Background 


Culling Mask Everything 


v Perspective 
Orthographic 


Use Graphics Settings 
C None (Render Texture) 
Occlusion Culling vY 
Use Graphics Settings 
Use Graphics Settings 
Allow Dynamic Resol 
Target Display Display 1 
Q ~ Audio Listener 


Add Component 
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5 To make things easier, Code Ninjas has created some special scripts to use 
in this game. To load them, click Assets and select Import Package followed 
by Custom Package. 


File Edit J Assets §GameObject Component Services Jobs Window Help 
Create 
Show in Explorer 
Open 
Delete 
Rename 
Copy Path Alt+ Ctrl+C 
Open Scene Additive 
View in Package Manager 
Import New Asset... 
Import Package 
Export Package... 
Find References In Scene 


Select Dependencies 


Refresh Ctrl+R 
Reimport 


Reimport All 
Extract From Prefab 
Update UXML Schema 


Generate Lighting Ctrl+Shift+L 
Open C# Project 
View in Import Activity Window 


Properties... 


6 Navigate to the folder where your resource files are (ask your Code Sensei if 
you are uncertain) and select Activity 01 - 
MyDroppingBombs1.unitypackage. 


Name É v Date modified Type Size 
@ BaseScripts.unitypackage 2/13/2024 9:34 AM Unity package file 61 KB 
@ BombDropAssets.unitypackage 2/13/2024 9:34 AM Unity package file 35 KB 
@ CodeNinjasAvatar.unitypackage 1 
@ CoinCollectible.unitypackage 2/1 
@ DontTouchTheCubes-StarterPack.unitypa... 2/1 
@ Flame.unitypackage 2/1 
@ glowéffect.unitypackage 1 
@ MeanyBird-StarterPack.unitypackage 2/13/2024 9: 
@ MyDroppingBombs!1.unitypackage 2/13/2024 9:34 AM 
2/13/2024 9:34 
1 
1 
1 
1 


2024 9:34 AM Unity package file 576 KB 


3/2024 9:34 AM 


@ MyDroppingBombsPart2.unitypackage 
@ MyDroppingBombsPart3.unitypackage 
@ NinjaJump-UnityPackage.unitypackage 
@ ParticleLeaves.unitypackage 

@ PolyBeats-UnityPackage.unitypackage 3/2024 9:3 jac 
@ PolyRun-StarterPack.unitypackage 2/13/2024 9:34 AM Unity package file 

CA RadRarkat unitunackane 12/9074 0-24 AM Initu nackane fila 47 KR 


wame: | BombDropAssets.unitypackage ~] unitypackage (*.unitypackage) v 
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7 Unity will show you an import window with a list of the assets in the 
package. This gives you the option of loading just some of the assets 
instead of all of them. In this case, we want them all, so click All and then 
click Import. 


Import Unity Package a 


pgg g SISISIS 


KISISIS 


Cancel Import 


8 The assets that you just loaded have been placed in the Project panel at the 
bottom of the Unity editor. The Project panel shows you everything that is a 
part of your project in folders, just as if you were browsing through files on 
your computer. In fact, these folders have been created as part of your 
project. Notice that you now have a new Resources folder and a Scripts 


folder that were imported with your package. You'll be using the scripts 
later. 


j] J 
PRERPRPRRERRCORPRR> 0007 g 
C- Aw > 
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In Unity, the Scene, Hierarchy, Inspector, and Project panels are where 


you'll be doing most of your work, so feel free to take a few moments to 
look around each of these panels and become familiar with their 
functionalities. 


Q At the moment, the scene is a bit empty. Let's add a GameObject to the 
scene. Click the GameObject tab, select 3D Object and Cube to add a cube 
to the scene. 


|GameObject f Component Services Window Help 
Create Empty Ctrl+Shift+N 
Create Empty Child Alt+Shift+N 
Create Empty Parent Ctrl+Shift+G 


> Sphere 
Light > Capsule 
Audio > Cylinder 
Video > Plane 
Ul > Quad 
UI Toolkit > 


Text - TextMeshPro 


Camera L 
egacy > 
Visual Scripting Scene Variables 


Ragdoll... 
Center On Children 

Terrain 
Make Parent 

Tree 


ve 
Clear Parent Wind Zone 


Set as first sibling Ctrl+= 


Set as last sibling Ctrl+- 


Ctril+Alt+F 


Move To View 


Ctri+Shift+F 


Align With View 


Align View to Selected 


Toggle Active State Alt+Shift+A 


1 0 You should now see a cube added in the Hierarchy panel. Select the cube (if 
it isn't selected already) to see the components for the cube in the 
Inspector panel. 


t= Hierarchy 
+v Q 
Q SampleScene* 


Q Main Camera 
MA Directional Light 
D Cube 
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1 1 If you want to reposition, rotate, or make other changes to a GameObject 
within a scene, select the object in the scene by clicking on it and then using 
the tools above the scene to manipulate it. Go ahead and give it a try with 
the cube. 


~ PRO TIP! 


Regardless of the tool you're utilizing, navigating within the scene panel is easy 
using the mouse. Simply use the mouse wheel to zoom in or out of the scene. 
Furthermore, holding down the right mouse button and dragging allows you to 
move to the specific area of the scene you wish to interact with. 
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1 2 After you are done with the cube in the scene, it’s best to return it to the 
middle of the scene at 0, 0, 0. With the cube selected, find the Transform 
component at the near top of the Inspector panel. This component shows 
the current position, rotation, and scale of the GameObject. A quick way to 
reset the transformations is to click on the three-dot menu in the upper 
right corner of the Transform component and then click on Reset. This 
should restore the cube’s default settings. 


O Inspector 


KA v Cube 
DV 


Taa Untagged 


Transform 


Move to Front 
Move to Back 


C Mes . 
ube (Mes Find References In Scene 


Mesh 


—— Properties... 
HS y Mesh Rend 

Co > 
Materials PY 

Paste > 


Lighting 
Reset Property 


Cast Shadow: 
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1 3 Now to add another GameObject to the scene. You can follow the same 
procedure as in the previous steps, but here's an alternative approach. In the 
Hierarchy panel, click the Plus button in the upper left corner and then click 
3D Object. Finally, select Sphere so we won't confuse it with the cube. 


= Hierarchy =) scene o Game 
ty Ie F] [o]c enter v GAl ca 

Create Empty : 

Create Empty Child 

> 

Light > Capsule 

Audio > Cylinder 

Video > Plane 

Ul > Quad 

ee : Text - TextMeshPro 

Camera Legacy : 

Visual Scripting Scene Variables 

Move ks Visa Ragdoll... 

Align With View Terrain 

Align View to Selected Tree 

Toggle Active State Wind Zone 


14 Let's make sure that the sphere starts out in the same spot as the cube. Use 
reset if necessary. 


O Inspector 


Y Sphere 


Taq Untagged Layer Default 


Transform 


Move to Front 


Move to Back 
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1 5 We want the sphere to start out above the cube. You can either use the 
move tool to move it in the scene or change the Y position of the sphere 
from 0 to 5 in the Transform component in the Inspector panel. 


D Y Sphere Static v 


Yv 


Tag Untagged vy Layer Default v 


Transform 


Position 
Rotation 


Scale 


1 6 This game is called Dropping Bombs, not Dropping Spheres! Change the 
name of the sphere to Bomb by highlighting the name in the Inspector panel 
and typing in the new name. 


D V Bomb Static v 


i Tag Untagged vy Layer Default v 
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If you started the game now, not much would happen. Both game objects 
are just floating in space. If you want the bomb to drop, you'll need to have it 
respond to gravity. To do that, you'll need to add a new component to the 

object. With the bomb selected in the hierarchy, scroll to the bottom of the 
Inspector panel and click Add Component. This opens a menu of all sorts of 
new components and behaviors that can be added to the game objects. The 
component that you'll need is in Physics, so select that section. 


17 


Component 
Layout 
Mesh 
Miscellaneous 
Navigation 
Physics 2D 
Physics 
Playables 
Rendering 
Scripts 
Tilemap 
UI Toolkit 
Ul 
Video 


~ 


= PRO TIP! 


There are two choices for Physics in the Add Component menu. Physics 2D 
responds a bit differently than Physics. Therefore, make sure that you choose 


Physics for this activity! 
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1 8 A submenu of Physics related components should open. These components 
are useful for many different sorts of behaviors. The one we want is called 
Rigidbody. The Rigidbody component allows the GameObject to behave 
like any average object in the real world. Select it to add this component to 
the bomb object. 


Physics 


we pee eves 


Character Controller 


Character Joint 
Cloth 


Configurable Joint 


Constant Force 
Fixed Joint 
Hinge Joint 
Mesh Collider 
Rigidbody 
Sphere Collider 
Spring Joint 
Terrain Collider 
Wheel Collider 


1 Q The Rigidbody component has many parameters that can be adjusted to get 
the GameObject to respond to forces inside the game. Right now, we just 


want to have it respond to gravity, so make sure that Use Gravity is 
checked. 


Rigidbody 


Mass 1 

Drag O 
Angular Drag 0.05 
Automatic Center Of | v 
Automatic Tensor v 

Use Gravity v 

Is Kinematic 

Interpolate None 
Collision Detection Discrete 
Constraints 


Layer Overrides 
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20 Test the game by clicking the Play arrow above the Scene panel. The Bomb 
should fall until it touches the cube and then it stops. When a 3D object like 
a cube or a sphere is added, a special component called a Collider is added 
with it. Without the Collider, the object wouldn't even know the other 
object is there and move right through it! 


Stop the game by clicking the Play arrow a second time. 


21 The objective of this game is to avoid falling bombs by moving the cube. To 
move the cube, we'll need a special set of instructions called a script. You 
loaded some scripts when you imported the unity package. To see them, 


click on the Assets folder in the Project panel then click Scripts to open the 
folder. 


Ba Project 


v 
w ravorites 
O ale 


ssets > Scripts 


oW DS g 
: 
Zz : r 
(ae Assets V4 y F 
Bound: Movement Reset Teleport 


Ba Resources 
fm Scenes 
f Scripts 
(ae Packages 
Ba Code Coverage 


Unity UI 
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22 Attach the Movement script to the cube by simply dragging it into the Cube 
object in the Hierarchy panel. 
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23 Make sure the cube is selected in the hierarchy panel. You will find the 
Movement script is now part of the components attached to the cube in the 
Inspector panel on the right. By default, the script has a movement speed of 
0, meaning the cube won't move at all. Let’s try a movement speed of 10. 
Leave the other parameters unchanged. 


@ Inspector eles 


we v Cube Static v 
Tag Untagged y Layer Default v 


Transform 


Position X 0 
Rotation X O0 
Scale EXI 1 


Cube (Mesh Filter) 
Mesh Cube 


EH v Mesh Renderer 


Materials 

Lighting 
Cast Shadows On 
Receive Shadows v 


Contribute Global | 


Probes 
Light Probes Blend Probes 
Reflection Probes Blend Probes 
Anchor Override None (Transform) 
Additional Settings 
Motion Vectors Per Object Motion 


Dynamic Occlusiol v 


Ea ~ Movement (Script) 


Mavement 
Speed 10 
Movement I ype All Directions 


Platform Movement 
Platform Settings 
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24 Play the game. Use the arrow keys or the WASD keys to move the cube 
around. Stop the game by clicking the Play arrow a second time. 
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PROJECT SETTINGS 


Every project in Unity has a variety of settings that can be configured 
for whatever situation that you need them for. One of these settings is 
Input, controlling how the user interacts with the project. Every new 
project starts out with default settings for input with room for more if 
needed. 


Our provided movement script takes advantage of those settings so 
that the game can accept input from the arrow keys as well as WASD 
keys and even a gamepad if one is available! 


X Project Settings 


Adaptive Performance Input Manager 
Audio 

Editor 

Graphics 

Input Manager 

Memory Settings 


Package Manager 


Version Control 
Visual Scripting 
XR Plugin Management 
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25 To make things more interesting, let's have something happen if the bomb 
touches the cube. We have a script called Reset that will start the game 
over again if anything collides with the GameObject the script is attached 
to. We want to attach this script to the bomb. Instead of dragging the script 
over like we did with the movement script, here's another way. Select the 
bomb in the Hierarchy and in the Inspector panel, click Add Component 


and select Scripts. 


Component 


Miscellaneous 


Navigation 


Physics 2D 
Physics 
Playables 
Rendering 
Scripts 
Tilemap 

UI Toolkit 

UI 

Video 

Visual Scripting 


New script 


26 The menu will change to show the available scripts. Click Reset to add the 


reset script to the bomb. 


a| 
Scripts 
Ee Boundaries 
ES Movement 


Reset 
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27 Of course, if the bomb doesn't touch the cube, it will just keep falling. We 
have a script to fix that, too. The Teleport script checks to see if the 
attached GameObject has gone below the bottom edge of the screen and if 
so, places that same object at the top of the screen to let it fall again from a 
new position. Add the Teleport script to the bomb either by dragging it 
over or by using Add Component. 


4 i # Scene oc Game 
[o]Centerw Local v HY v 
Q SampleScene* 
& Main Camera 
© Directional Light 
O Cube 
& Bomb 


w Favorites 
Q, All Materials 
Q, All Models 
Q, All Prefabs 


a Assets > Scripts 


(aw Assets 


28 Start the game. Use the arrow keys or the WASD keys to avoid the bomb. If 
the bomb hits the cube, the game resets to the original start settings. The 
Teleport script is now placing the bomb in random positions on the screen. 


Stop the game by clicking on the Play arrow a second time. 
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29 To make things more interesting, let's add a few more bombs. Select the 
bomb in the Hierarchy panel and press Ctrl+D (Windows) to make a copy. 
Start with a few, test it, and then add some more until it feels right to you. 


Once you have added some more bombs select your Cube in the Hierarchy. 
In the inspector panel select the Tag dropdown menu. In this menu select 
Player. 


t= Hierarchy 
+7 o 
Q SampleScene* 
M Main Camera 
Q Directional Light 
Q Cube 
D Bomb 
D Bomb (1) 
D Bomb (2) 
D Bomb (3) 
D Bomb (4) 


© PRO TIP! 


Remember, if you make changes to one of the bombs, you'll need to make 
changes to the rest of them or delete the other bombs and copy the new one. 
This isn’t very efficient, is it? You'll learn a better way later. 


30 Now when you start the game, many bombs come from different positions 
to attack your cube! 
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But there's one last thing to add to the game. At the moment, the cube can 
avoid all the bombs by leaving the screen! The Boundaries script keeps the 
cube inside the screen. Add the script to the cube to keep it in place using 
either option learned in this activity. 


= Hierarchy 
+7 2a 
Q SampleScene* 
M Main Camera 
J Directional Light 


You just made your first game in Unity! Way to go! Later, you'll add 
some graphics and effects to make it look better, but the best games 


are fun even before all the graphics are added. 
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Adjusting the Cube 


Starting Position 

Do you have enough time to dodge the bombs when the game starts? 
You can move the cube lower in the screen by changing the Y value for 
the Transform position. 


O Inspector = 


D Y Cube Static 


hd 


Tag Untagged Layer Default 


Transform 


Position 


Movement Speed 

Is the cube not moving fast enough? Increase the number for the 
movement speed to make dodging easier. Just don't make it so fast 
that you can't control the cube! 


v Movement (Script) 


Movement 


Speed 
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Adjusting the Bomb 


Size 
Would a smaller target be easier to dodge? Change the scale in the X, Y 
and Z parameters to a fraction of 1 to make the bomb smaller. 


O Inspector Q 


O Y Bomb (4) Static 
Tag Untagged vy Layer Default 


Transform 


Position 
Rotation 


Scale 


Drag 

Change the Rigidbody settings of the sphere so that there's a bit of 
drag to slow it down when falling. Start with small numbers and work 
your way up. 


> Rigidbody 
Mass 1 


Drag O 


Angular Drao 0.05 


Don't Forget! When you change the parameters of one bomb it won't 
change any of the other! Either apply the same changes to all the 
bombs or delete the unchanged bombs and make copies of the 
changed one. 
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Saving and Submitting Your Games 


1 When you save a game in Unity, that project is saved on a folder in your 
computer for you to open with Unity and resume work on it. However, we 
need to get it to your Code Sensei so they can grade your game! 


2 In the Project folder, click on the Assets folder. We do this so that Unity 
knows we are about to export all the assets and different components that 
make up your game. 


Ba Project S Console 
-+-v 
æ Favorites 
Q, All Materials 
Q, All Models 


Q, All Prefabs 


(law Assets 
me Kesources 


3 We are going to export your game and it will create something called a 
Unity Package. First, click on the Asset button in the top left corner then 
navigate to Export Package. 


File Edit § Assets § GameObject Component Services Window 
Create 
Show in Explorer 
Open 
Delete 
Rename 


Copy Path Alt+ Ctrl+C 
Open Scene Additive 
View in Package Manager 


Import New Asset... 


Import Package 
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Once Export Package is selected, the Items to Export Menu will appear. 
Ensure all your game components are checked and the Include 
dependencies checkbox is clicked before clicking on Export at the bottom- 
right. 


items to Ex + ort 


All None 


v BB boundaries.pna 
v ES movement.pna 


Y BB reset png 
v Fteleport png 
V B Scenes 
cene.unity 
v Be Scripts 
v GB Boundaries.cs 
Cube.prefab 


Movements 
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5 Once Export is selected, a window will appear asking you where you want to 
Save your game and what you want to name it. This is called a File Explorer 
window. Use a file name that clearly describes your game, such as the 
Project's name, and put it into a folder that you can find easily. 


In this example, we've put it into a folder named "JWUnityGames'" and named 
the file "JWDroppingBombs1". Your names should include your initials to be a 


bit more specific! 


p' > This PC > HOD (D} > jonah > JWUnityGarmes 


File name: | JWDroppingBombs1 i 
Save as type: | unitypackage (*.unitypackage) v 
A Hide Folders Save Cancel 


It may take a minute for the export to finish so just wait until it is complete. 
Once it is complete you can move onto the next step! 


36|Code Ninjas Purple Belt v3.1 


Select the activity you just finished in the paths page on the GDP. Open it and 
you should see an area to submit the .unitypackage file you just made! 


& jonah. wagner@codeninjas.com_cn Log off 


When you've finished creating your game, export your game as a Unity Package, click Choose File to locate your .unitypackage file, and 
then click Submit/Complete to upload. 


Unity Package: 


Choose File | No file chosen 


Select the Choose File button, then find the .unitypackage file you just made. 
Double-click it to add it to the Dojo. Once you have added the file, click the 
Submit/Completed button next to the Save button and wait for your file to 
upload. You will see a message informing you that the file has been uploaded 
in the green bar at the top of your screen. 


Once you do this your game is now submitted and ready for grading! You will 
submit each of your activities like this, so just navigate back to this page if 
you ever forget how. 
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Prove Yourself: Color Drop 


For this first Prove Yourself, Color Drop, we will change the color of the 
sphere and the cube. This can be done entirely through the Unity 
interface, without ever going into any code! Open your Dropping 
Bombs Part 1 project. Can you figure out how to do the following: 


1. Create a folder called "Materials" in the "Assets" folder under the 
"Projects" menu. 
e Think about where you would organize assets in Unity. Where 
can you create a new folder? 


2. In this folder, create 2 materials called SphereMaterial and 
CubeMaterial. 
e Consider where you'd create new assets like materials in Unity. 
How can you create new material? Where might you find this 
option? 


3. Give each of these materials their own color. 
e Once you've created materials, think about how you can 
customize their appearance. What properties do materials have 
that you can adjust? Where might you find these properties? 
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4. Color the cube and sphere objects in your scene with these 
materials. 

e When it comes to changing the appearance of objects in your 
scene, think about what components or settings might be 
involved. How can you assign a material to an object? Where 
might you find this option? 


During this Prove Yourself take some time to look around the Unity 
interface, and don't be afraid to experiment! 
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Importing Assets 


Unity is a project-based program. This means that while Unity is very 
good at helping you work with assets to make some great-looking 
games, it is less concerned about how those assets are created. In the 
end, this approach works out the best since there are plenty of places 
out there to make and find parts to use in our games, anything from 3D 
models right up to the fonts. 


In this section, you will learn about some of the places to get these 
assets and how you can add them to Unity to use in a project! 
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Fantastic Assets (and where to find them) 


In the previous activity, you imported a unity package into your project. 
This is a great way to transfer content made in one Unity project into 
another. It is a very common way of transferring content in Unity. It's 
also a great way for making backups of what you're currently working 
on. Since Unity is a project-based program, alot of what you use in your 
games will come from outside of Unity. These include: 


Graphics (Sprites, textures and other similar images.) 
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3D Models 


Image Source: https://sketchfab.com/3d-models/space-marinebot-v1-without-texture- 
b8a/744ebcd014c6aa532eab5b17b8ef4 


Scripts, fonts, audio files, and other files. 


StS & 
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Importing Assets into Unity 


There are several ways to import assets into Unity. We'll cover a few of 
the ways that you can import. Which way you use is entirely up to you. 


Windows File Explorer 

With the Windows File Explorer, you can copy files and folders directly 
into the Assets folder of your project. Unity has technology built in that 
allows it to automatically recognize the files and sort them based on 
their type. 


Animation Artwork Fonts Prefabs Resources Scenes 


Unity Asset Importer 

You can either click on the Assets tab at the top or right-click in the 
Assets panel to open the menu and select Import New Asset to select 
the files that you want to bring into your project. 


Assets GameObject Component Services Window 
Create > 
Show in Explorer 
Open 
Delete 
Rename 


Copy Path Alt+ Ctrl+C 


Open Scene Additive 


View in Package Manager 
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Drag and Drop 


Name 


(a) caveback1.png 

(a) caveback2.png 

(a) clouds.png 

(a) DBTitle.png 

[=| debrisParticle.png 

(a) gamelcons.png 

(a) grungeHazard.png 

(a) JackSpriteSheetHead.png 
[e) JackSpriteSheetldle.png 
(a) leaf.png 

(a) ScavengerHuntBackground.png 
(a) skull.png 

(a) SkyGradient.png 

(a) stalagmite_l.png 


Date modified 


2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
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Type 


PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 
PNG File 


Size 


Another option for importing assets is opening a Windows File Explorer 
window with the files that you want to import and drag the files directly 
into the Asset panel in Unity. 


12 KB 
25 KB 
53 KB 
193 KB 
2 KB 
80 KB 
52 KB 
789 KB 
519 KB 
2 KB 
155 KB 
15 KB 
6 KB 

3 KB 


Activity 2: Scavenger Hunt 


The previous activity was meant to serve as a quick introduction to 
working with Unity. This time, you'll build a simple platform game. To 
start, open Unity and create a new 2D project. Give it a name like 
YourlnitialsScavengerHunt. For example, if your name was John Ninja, 
your project would be named JNScavengerHunt. 


1 Depending on your layout settings, your display may not look exactly like 
this. You are free to work with the layout that you prefer. For this activity, we 
used the Default layout. Refer to the first two steps in the first activity if you 
are uncertain about how to change the layout. 


2 Just like the previous activity, we will be using the 2D camera to edit our 
scene. Select the Main Camera GameObject in the Hierarchy panel. If the 
Main Camera's Projection is not already set to Orthographic then change the 
Projection from Perspective to Orthographic as shown below. 


O Inspector: 
v Main Camera 
Tag MainCamera ~ Layer Default 


rae Transform 


Position 

Rotation 

Scale 

Gi v Camera 

Clear Flags Skybox 
Background 


Culling Mask Everything 


Orthographic 
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3 There will be some artwork provided for you to use in this game. Before 
adding it to the game, it’s a good idea to have somewhere to put it. It’s 
important to have different types of files in different folders in Unity so that 
you can find them quickly and stay organized. In the Project panel, right-click 
on the Assets folder window, click Create and select Folder to add a new 
folder to the Assets folder. 


lows, Mac, Linux - Unity 2022.3.19f1* <DX11> a 
ect Component Services Window Help 


C# Script 


2D > 
Visual Scripting > 
Cre Shader > 
Show in Explorer Shader Variant Collection 
Open Testing > 
Delete Playables > 
Rename Assembly Definition 
Copy Path Alt+ Ctrl+C Assembly Definition Reference 
Open Scene Additive TextMeshPro > 
Text > 
View in Package Manager 
Scene 
Import New Asset... 
Scene Template 
Import Package > 
Scene Template From Scene 
Export Package... 


Scene Template Pipeline 
Prefab 


Find References In Scene 


Select Dependencies 
Prefab Variant 
Refresh Ctrl+R 
; Audio Mixer 
Reimport 
: Material 
Reimport All 
Material Variant 
Extract From Prefab Lene Fieve 
Update UXML Schema Render Texture 
Light p et 
Generate Lighting Ctrl+Shift+L sce er ia aa 
ihti : 
Open C# Project Lighting Settings 
View in Import Activity Window er ee ee 
Properties... Alt+P Animator Controller 
Animatinn 


A Rename the new folder to be “Artwork”. 


Artwork 
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5 Open the Artwork folder. We are going to import an asset into this folder. 
There are many ways to import an asset. One way is to right-click in the 
folder that you want the asset and select Import New Asset. 


Create 

Show in Explorer 

Open 

Delete 

Rename 

Copy Path Alt+Ctrl+C 
Open Scene Additive 


View in Package Manager 


Import Package 
Export Package... 
Find References In Scene 


Select Dependencies 


Refresh 
Reimport 


Reimport All 
Extract From Prefab 
Update UXML Schema 


Generate Lighting Ctrl+Shift+L 
Open C# Project 
View in Import Activity Window 


Properties... 


6 A new window will open with either File Explorer on Windows or Finder on 
Mac. Navigate to the folder where Purple Belt assets are located, then click 
into the folder and select Activity 02 - ScavengerHuntBackground.png to 
import your new artwork. 


@ Import New Asset x 
é ~ M |» ThisPC > Downloads > UnitySupportFiles > Support Files v © Search Support Files P 
Organize v New folder =” m @ 

E Desktop 2 iS Name Date modified Type Size 

$ Downloads # [B] caveback!.png 2/13/2024 9:34 AM PNG File 12 KB 

‘= Documents # [B] caveback2.png 2/13/2024 9:34 AM PNG File 25 KB 

=) Pictures # [B] clouds.png 2/13/2024 9:34 AM PNG File 53 KB 

[F Fonts [3] DBTitle.png 2/13/2024 9:34 AM PNG File 193 KB 
a ° : 9/12/9024 O24 AN n 3 

B OceanWave (a) debrisParticle.png 2/13/2024 9:34 AM PNG File 2 KB 
s droid.ttf 2/13/2024 9:34 AM TrueType font file 68 KB 


B Support Files 


: [a] gamelcons.png 2/13/2024 9:34 AM PNG File 80 KB 
0 Unity P 
Ga 
~~ 
J 


grungeHazard.png 2/13/2024 9:34 AM PNG File 52 KB 
@ OneDrive - Persor \@| JackSpriteSheetHead.png 2/13/2024 9:34 AM PNG File 789 KB 
(a) JackSpriteSheetidle,png 2/13/2024 9:34 AM PNG File 519 KB 

This PC = m 
- leaf.png 1 AM PNG F KB 

P 30 Objects z 13/2024 9: 
E Desktop |) skull.png 2/13/2024 9:34 AM PNG File 15 KB 
=| Documents [) SkyGradient.png 2/13/2024 9:34 AM PNG File 6 KB 
} Downloads [3] stalagmite_1.png 2/13/2024 9:34 AM PNG File 3 KB 
v 


File name: | ScavengerHuntBackground.png d | All files (0 ia =e 
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7 Once you select the import button, the new asset will now appear in the 
Project panel. Now that the asset is in the Project panel, select it to see all 
the information about it in the Inspector panel. 


+r o 
Q SampleScene* 
& Main Camera 

G D ScavengerHuntBackground 


*% Favorites 
Q, All Materials 


Q, A odels 


fae Assets 
@ Artwork 
fs Scenes 
(aa Packages 
Be 2D Animation 


v mæ Assets/Artwork/ScavengerHuntBackground.png 
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© PRO TIP! 


A Quad is short for quadrilateral. A Quad is like a plane in the fact that it only 
has four corners, but unlike a plane, it has depth. A Quad is ideal for holding 


simple graphic images as it only has two triangles in its mesh instead of the 
200 found in the plane! Since you don't need all those extra triangles, why use 
them? 


By default, the Background has a size of one unit. However, this is a little 
small for a background. Let's make it bigger by first selecting the 
background then increasing the scale by changing the x scale to 5 and the y 
scale to 5 in the Transform component as shown below. Change the z 
position to 5. 


O Inspector 


OQ Y ScavengerHuntBackground Static 
Tag Untagged vy Layer Default 


pS Transform O 


Position X O fe zis | 


Rotation 


xX O fe a O 
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1 0 Ensure that in the inspector for ScavengerHuntBackground that the 
background is set as the sprite in sprite renderer. 


While the background is still selected, change the name from 
ScavengerHuntBackground to Background. 


v Background 


Untagged 


1 1 Now that there is a background image, you are ready to add a player 
character. Code Ninjas has a custom package put together for that. Click the 
Assets tab, select Import Package then Custom Package. 


| Assets | GameObject Component Services Window Help 
Create > 
Show in Explorer 
Open 
Delete 
Rename 


Copy Path Alt+ Ctrl+C 
Open Scene Additive 


View in Package Manager 


Import New Asset... 
port Package 
Export Package... 
Find References In Scene 
Select Dependencies 
Refresh cer | 
Reimport il a 
Reimport All 
Extract From Prefab B W 
E 
Update UXML Schema a 
— 
Generate Lighting Ctrl+Shift+L 
Open C# Project 


View in Import Activity Window 


Properties... Alt+P 
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1 2 Navigate to the folder where your Purple Belt assets are located and select 
Activity 02 - CodeNinjasAvatar.unitypackage to import the new player 


assets. 


@ CodeNinjasAvatar.unitypackage 


2/13/2024 9:34 AM 


Unity package file 


kJ CoinCollectible.unitypackage 2/13/2024 9:34 AM Unity package file 102 KB 
@ DontTouchTheCubes-StarterPack.unitypa... 2/13/2024 9:34 AM Unity package file 181 KB 
@ Flame.unitypackage 2/13/2024 9:34 AM Unity package file 66 KB 
© glowEffect.unitypackage 2/13/2024 9:34 AM Unity package file 11 KB 
© MeanyBird-StarterPack.unitypackage 2/13/2024 9:34 AM Unity package file 376 KB 
© MyDroppingBombs1.unitypackage 2/13/2024 9:34 AM Unity package file 39 KB 
© MyDroppingBombsPart2.unitypackage 2/13/2024 9:34 AM Unity package file 206 KB 
© MyDroppingBombsPart3.unitypackage 2/13/2024 9:34 AM Unity package file 488 KB 
© Ninjalump-UnityPackage.unitypackage 2/13/2024 9:34 AM Unity package file 211 KB 
© ParticleLeaves.unitypackage 2/13/2024 9:34 AM Unity package file 25 KB 
© PolyBeats-UnityPackage.unitypackage 2/13/2024 9:34 AM Unity package file 49,451 KB 
© PolyRun-StarterPack.unitypackage 2/13/2024 9:34 AM Unity package file 16,837 KB 
GA RedRacket unitynackane 2/12/2024 0-24 AM linite nackane file 47 KR 


me: CodeNinjasAvatarunitypackage we unitypackage CodeNinjasAvatarunitypackage o fw unitypackage (.unitypackage) J 
O cee 
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13 


The package you just imported includes a new folder called Prefabs. Open 
this folder to find your Avatar. To add the avatar to your scene, drag it 
from the Projects panel into the Hierarchy panel. If the avatar appears to 
be missing a body part, select the drop-down arrow to the left of the 
Avatar in the Hierarchy. Then, select the missing part and change the 
Order In Layer to a number equal to or greater than 1. In the screenshot 
below you can see an example of this done for the face since it was not 
properly appearing. Prefabs will be covered in a later activity so for now, 
know that it is a special GameObject with everything it needs. 


> @ Avatar 


© Inspector 


v Face 


Tag Untagged 


o Transform 
Position 
Rotation 


Scale GQ 


X 0.01 
X O 
A 1 


y Layer Default 


Ka 0.6 
V O 
1a 1 


IA v Sprite Renderer 


Sprite 

Color 

Flip 

Draw Mode 

Mask Interaction 

Sprite Sort Point 

Material 

Additional Settings 
Sorting Layer 
Order in Layer 
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[e] spritemap1_71 


X Y 
Simple 
None 
Center 
® Sprites-Default 


Default 


2j £ 


Static v 


v 


ee 0.1 
Z O0 
z 1 


v 


1| | 


14 In addition to the custom packages, there is another type of Unity package 
that you can import. These can be found in the Package Manager. Open 
the Package Manager by clicking the Window tab and selecting Package 


Manager. 
Window Help 
Panels > 
Next Window Ctrl+ Tab 
Previous Window Ctrl+Shift+ Tab 
Layouts > 


Unity Version Control 

Search > 
Asset Store 

Pac = ye Ma AC 


© PRO TIP! 
If the package that you are looking for doesn't appear immediately, it may be 
because Unity is still collecting all the information on available packages. Just 
give Unity a moment to load all this information. 
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1 5 The package that you'll want to add is Cinemachine, a set of virtual camera 
tools that are ideal for the type of platforming game that you will be 
making. You may need to change the menu appearance from Packages: In 
Project to Packages: Unity Registry. In the search bar type Cinemachine 
then from the menu select it and click Install. 


Cinemachine 


2.9.7 - May 08, 2023 


From Unity Registry t 


If you cannot see Cinemachine, make sure at the top it says Packages: 
Unity Registry, not Packages: In Project. 


Unity Registry 
In Project 


My Assets 


Built-in 
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Cinemachine Remove 
2.9.7 - May 08, 2023 | 
From Unity Registry by Unity Technologies Ini 


nine 


Description Version History Dependencies Samples 


1 7 The package has added a new menu in the GameObject and Component 
tabs called Cinemachine. To find it, click on the GameObject tab and locate 
Cinemachine. Click on it to see many options for cameras in this menu. 
You'll want the option that says, “Virtual Camera”. Click that option to add 
the Cinemachine Virtual Camera to your Hierarchy. 


GameObject f Component Services Window Help 


Create Empty Ctrl+Shift+N 
Create Empty Child Alt+Shift+N 
Create Empty Parent Ctrl+Shift+G 
3D Object 

Effects 

Light 

Audio 

Video 

Ul 

UI Toolkit 


Camera 


ENE, SA Oe Oe a a 


2D Camera 
Blend List Camera 


Center On Children ClearShot Camera 

Dolly Camera with Track 
Make Parent : 

Dolly Track with Cart 
Cenc Een FreeLook Camera 


Set as first sibling Ctrl+= Mixing Camera 


Set as last sibling Ctrl+- State-Driven Camera 
Move To View Ctrl+Alt+F 
Align With View Ctrl+Shift+F 
Align View to Selected 

Toggle Active State Alt+Shift+A 


Target Group Camera 


Vi 


ae 
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Click the Virtual Camera GameObject in the Hierarchy to set it up. In this 
game, we want the camera to follow the player wherever they go in the 
scene. 


18 


Select Transform 


A Cube 


(1 Directional Light 


be Face 

ee FaceParts 
ae FaceParts01 
ae FaceParts02 
Ge FaceParts03 
ae FaceParts04 
ae FaceParts05 
ae FaceParts06 
ae FaceParts07 


ee FaceParts08 


| Save During Play 


® Priority 


Extensions 


Add Exte cin 
GO CALETISION) 
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In the Inspector, find the Follow property and click on the small circle next 
to None to select a target for the camera to follow. This opens a menu of 
possible GameObjects. Click the Avatar to select it. 


‘ Avatar (Transform) 


None (Transform) 


Round Robin 


Transposer 
Composer 
none 


(select) 


Add Component 


1 Q The virtual camera will now follow the player throughout the scene and 
beyond. However, the camera shouldn't go past the edges of the 
background. There needs to be some way to tell the virtual camera that the 
edges of the background are as far as it should go. To do this, you'll need to 
add a special collider to the background. But before that, we need to remove 
the current collider. 


In the Inspector, select the Background object and find the Mesh Collider 
component. Click the three dots drop down menu in the right corner of the 
component to open the menu. Click Remove Component to remove it from 
the GameObject. 


Y Mesh Collider 


Reset 


Move to Front 


Move to Back 


Move Down 
Copy Component 
Paste Component As New 


Paste Component Values 


Rendering Mod 
Main Maps 


Find References In Scene 


Properties... 
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20 To do this we need to add a colider, click Add Component at the bottom of 
the Inspector. In the search bar type Polygon Collider 2D and then select it. 


a Polygon Collider 2D 


Search 


A Polygon Collider 2D 


21 You should now see the Polygon Collider 2D component in the inspector 
window. Make sure that Is Trigger is checked. 


A v Polygon Collider 2D 


Edit Collider Po 


Material None (Physics Material 2D) 
Used By Effector 
Used By Composite 


Auto Tiling 


Use Delaunay Mesh 
Points 
Layer Overrides 


- 
Into 


IMPORTANT: If you do not check Is Trigger, Unity will treat the entire 
background as a solid object and move the player outside of it! 
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22 The Polygon Collider needs to be adjusted to match the background. Click 
Edit Collider and see if the collider is already at the corners of the 
background. If not then drag the corners of the collider to the corners of the 
background. Any extra corner points can be removed by opening “Points” 
then “Paths” and then “Elements” in the component. Then, right click the 
point that you want to delete and remove it. 


y Polygon Collider 2D 


‘= pe 
r n E . -1 a 
9 
` 
Py t 7 
| a | fh acl a 
i E , i i E 
i f f l i 
=. lA a 
> 


inico 


ees a aie eee 
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23 The final step of configuring the virtual camera involves specifying which 
GameObject contains the boundaries it should follow. To do this, locate and 
select the "Virtual Camera" GameObject in the Hierarchy. Then, in the 
Inspector panel, scroll down to the bottom and click "Add Extension." From 
the dropdown menu, choose "CinemachineConfiner." 


Extensions 


Add Extension (select) 


(select) 


CinemachineCameraOffset 


CinemachineRecomposer 


Cinemachine3rdPersonAim 


CinemachineFollowZoom 
CinemachineStoryboard 
CinemachinelmpulseListener 


CinemachinePostProcessing 


24 Cinemachine Confiner, a new component, has been added to the Inspector. 
Where it says Bounding Shape 2D, we need to add the Background 
GameỌObject. This can be done either by clicking on the small circle and 
selecting Background from the menu that appears, or by dragging the 
Background GameObject from the Hierarchy panel into the slot for 
Bounding Shape. 


Select Collider 2D none 


Extensions 


Add Extension (select) 


v Cinemachine Confiner (Script) 


a ‘Ole f oS Morile N A j 
ED Background confine Mode Confine 2D 
Bounding Shape 2D Background (Polygo 


Damping 


Add Component 
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25 Now, let's adjust the virtual camera to bring it closer to the Avatar. In the 
Inspector for Virtual Camera, find the setting for Lens. If necessary, you can 
expand it by clicking the triangle to the left. Change Ortho Size to 5 to make 
the camera view closer to the Avatar. 


v CinemachineVirtualCamera 
Status: Live Solo 
Game Window Guide: 

Save During Play 

Priority 

Follow 

Look At None (Transform 
Standby Update Round Robin 


ens 


26 Test the camera by clicking the Play arrow above the scene. You'll notice 
that the virtual camera will follow the player until it falls off the edge of the 
screen. Since we've confined the camera, it won't move past the edge of the 
background. Unfortunately, there's nothing stopping the Avatar. Let's fix 
that. Click the Play button again to stop the game. 

27 To keep the player within the scene, we can use a collider. If you added an 
ordinary Box Collider, Unity would try to put the player outside of the box. 
Fortunately, there's a collider for situations like this called the Edge Collider. 
In the Inspector panel for the Background, click Add Component, select the 
Physics 2D menu then select Edge Collider 2D. 


Physics 2D 
Circle Collider 2D 
Composite Collider 2D 
. Constant Force 2D 
Custom Collider 2D 
Distance Joint 2D 
= Edge Collider 2D 
Fixed Joint 2D 
# Friction Joint 2D 
Hinge Joint 2D 
= Platform Effector 2D 


1 Point Effector 2D 
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28 The Edge Collider might be hard to see at first since it’s nothing more than a 
straight line. Click Edit Collider to adjust it to match the background. 


av Edge Collider 2D 


s ~ . 
ri? | y AO 
UIL UVU a: 


Material 


djacent Start Pi 
Adjacent End Poi 
Layer Overrides 


info 


29 Editing the Edge Collider follows the same process as editing the Polygon 
Collider which you have now done. You can simply click and drag one end of 
the collider over to where you want it to be. You can add more points and 
make corners by holding the cursor over the middle of the line. A draggable 
point will appear there. Stop once you have made a closed box around the 
edge of the background. 


In the Hierarchy select the Virtual Camera GameObject. In the Inspector 
panel open the "Body" section using the triangle. Adjust the "X Damping" 
and the "Y Damping" to 0. This ensures the camera does not get jittery. 


Body Transposer kg 
Binding Mode Lock To Target With World Up v 


= Pry A r Eo s$ Y ` / f ` 7 - $ 
J Vie i ` C ` A” 4 r a - ~/ 


Y Dampina 
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= PRO TIP! 
The edge collider is exactly where the Avatar stops moving, so feel free to 
place it above the sidewalk and inside the edges of the background to make 


the Avatar have a more natural look and feel when it moves. You can test this 
by playing the scene until everything looks good to you. 


30 The next step is to create more colliders for the Avatar to walk on. To keep 
things organized, we'll create a place in the scene to hold all the platforms. 
In the Hierarchy panel, right click and select Create Empty to create an 
empty GameObject. 


Cut 


Copy 
Paste 


Paste As Child 


Rename 
Duplicate 
Delete 


Select Children 
Find References in Scene 


Set as Default Parent 


31 Change the name of the new GameObject to Platforms. 


@ Inspector = 


Platforms j=  —.| Static v 


Taq Untagged » Layer Default v 
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© PRO TIP! 


In the Hierarchy an empty GameObject can serve the same purpose as folders 


in the Project panel. In addition, since they are GameObjects, you can add 
components to them so that they can perform other functions in your game! 


32 


Before we begin creating Platforms select your Avatar in the Hierarchy and 
find your Rigidbody2D. Set the Collision Detection for your Rigidbody2D to 


Continuous. In addition check to ensure that the Z box is checked for Freeze 


Body Type 
Material 
Simulated 

Use Auto Mass 
Mass 

Linear Drag 
Angular Drag 
Gravity Scale 


Rotation. 
Rigidbody 2D 


Dynamic 
None (Physics Material 2D © 
v 


1 
O 
0.05 
2 


Collision Detection Continuous v | 


Sleeping Mode 

Interpolate 

Constraints 
Freeze Position 
Freeze Rotation 


Layer Overrides 
Info 
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Start Awake v 
None — 


To begin adding platforms, right-click on the Platform GameObject in the 
Hierarchy and select 2D Object then Sprites and finally Square to adda 


Square to the scene inside the Platform object. 
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34 In the Inspector panel, select Add Component, then add Box Collider 2D to 
the square. Adjust the size of the square so that it matches the shape of the 
window ledge. 


a Rox Collider 2D 
Search 


CI Box Collider 2D 


New script 


© PRO TIP! 


Don't forget, you can easily move around in the scene panel by using the 
mouse. Use the mouse wheel to zoom in or out of the scene and hold down 
the right mouse button and drag to get to the part of the scene that you need 
to work with. 
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35 Currently, the Square will block the player from all directions. However, 
what we truly want is a way for the collider to stop the player only when 
they land on the collider from above, and to let the player pass through it 
from all other directions. To achieve this, you'll need to add another 
component to modify the Box Collider that was just added. Click Add 
Component again and select Platform Effector 2D. 


Physics 2D 


Fixed Joint 2D 
Friction Joint 2D 

i Hinge Joint 2D 
Platform Effector 2D 
t Point Effector 2D 


Polygon Collider 2D 
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36 


Next, we need to configure the two components to work together. With the 
Quad still selected, go down to the Box Collider 2D component and make 
sure that “Used By Effector” is checked. This means the Platform Effector 
settings will modify the Box Collider 2D component. In the Platform 
Effector component, keep the default settings as they are. 


vY Box Collider 2D 


None (Physics Material 2D) 
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Let's test our platform. Begin the game by clicking the Play button. Use the 
arrow keys or WASD to move the avatar over to the ledge and then use the 
space key to jump onto the ledge. Now that there is a working platform 
object, you can simply copy it over to where it’s needed. 


Stop the game by clicking the Play button again. 


© PRO TIP! 
Don't worry if the platform object is still visible in front of the background. 
That will be fixed in the next step. 
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38 


Before proceeding, adjust the position of the Square so that it is positioned 
behind the background by changing the Order In Layer value to -1. 


Now with the WindowLedge still selected, hit Ctrl+D to duplicate it and 
move the duplicate over to one of the other windows. Now select both the 
original and the copy and hit Ctrl+D again to copy both objects and move 
the copies over to new windows. Now select all four platforms and hit 
Ctrl+D again so that you have enough window ledges for the entire 
building. 


To complete the building, make a single copy of a ledge and move it to the 
roof. Rename the platform RoofTop and adjust its size to cover the length 
of the roof. 


O Inspector 


Y Rooftop 


Untagged | Layer Default 


39 


To keep things organized, right click on the Platform GameObject in the 
Hierarchy panel and create an Empty Object. Rename this object Tan 
Building and move all the objects you just made so that they are now part 
of the Tan Building GameObject. 


G0 Platforms 


M Tan Building 
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While the Tan Building GameObject is selected, press Ctrl+D to copy the 
object along with all the platforms inside it. Change the new GameObject 
name from Tan Building to Red Building and use the Multiple Objects Tool 
to move these new platforms to the red building on the right side. 


wy Q Red Building 
O WindowLedge 
D WindowLedge (2) 
D WindowLedge (3) 
D WindowLedge (4) 
O WindowLedge (5) 
D RoofTop 


41 Similarly to how you handled the Tan Building, move the platforms for the 
window ledges and roof top to their proper places for the Red Building. 
Delete any platforms you don't need. 


Q Tan Building 

O WindowLedge 
D WindowLedge (2) 
& WindowLedge (3) 
O WindowLedge (4) 
O WindowLedge (5) 
D WindowLedge (6) 
D WindowLedge (7) 
D RoofTop 


42 Continue with duplicating and repositioning the groups of platforms. Use 
this guide as a suggestion for grouping and placing the platforms. 


| 


+ 


| 


1 
i 
| 
f 


Mi 
EN EE- 
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If not already completed, position the Avatar so that it starts the game 
standing on the ground. Here, we have placed it next to the mailbox. 


Test the game by clicking the Play arrow. Make sure that your avatar can 
reach all parts of the scene that have platforms. 


Stop the game by clicking the Play arrow again. 


Let's provide our player with something to collect. In the Projects panel, 
make sure that the Artwork folder is open. Open File Explorer on your 
computer and navigate to where the Purple Belt files are located. Find the 
file called Activity 02 - gamelcons.png. Click and drag it into the Artwork 
folder. 


(RRR OPP VERR» 000p 
2 9 oR B2vese 2225 
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46 


With the gamelcons selected in the Projects panel, navigate to the 
Inspector, and make two changes as follows: 


Ensure the Texture Type is set to Sprite (2D and UI). 


Default 
Default 


Normal map 
Editor GU 


| and Legacy GUI 


Lightmap 
Directional Lightmap 


=La“ 


Shadowmask 


Single Channel 


Multiple 


Multiple 
Polygon 
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47 


While you should have the 2D Sprite package installed. Let's check by 
clicking the "Windows’ tab in Unity and accessing the Package Manager. 
Locate and select the "2D Sprite" package. Click "Install" if prompted and 
wait for the installation to be completed before closing the Package 
Manager and proceeding. If it says “Remove” then you can exit Package 
Manager. 


Help 
Panels > 
2D > 


Next Window Ctrl+Tab 
Previous Window Ctrl+Shift+ Tab 
Layouts > 
; : Sprite (2D and UI) 
| Unity Version Control 
Search > 


Multiple 


Asset Store 


Package Manager 


Text 
TextMeshPro 


Packages 


v 


2D Sprite Remove 


1.0.0 - January 25, 2024 


D Sprite 


General 
Rendering pe From Unity Registry by 
Animation SITES Oct aa 
Audio 

Sequencing 
Analysis 

Asset Management 
UI Toolkit 


Visual Scripting 


v v v v v v v v v 
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48 While still in the Inspector, click on the Sprite Editor button. By changing 
the mode to Multiple, we can now get many sprites from this single image. 


To do so, click on the Slice tab at the top of the Sprite Editor. For now, we'll 
keep the settings as is. Click on Slice. 


[e Sprite Editor 

Sprite Editor” Slice v 
Automatic 
Center 


Delete Existing 


: l 


i s 
ii 
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AY Now, all the icons on the sheet are defined as individual sprites. Click on 
any of them to see more details. Once you're done, click Apply and then 
close the Sprite Editor. 


[¢% Sprite Editor* 


Sprite Editor ¥ Slice v 


50 In the Project panel, the gamelcon asset now has an arrow on the right 
side. Click on it to see all the sprites. 


51 In the Hierarchy panel, create a new empty object and name it Collectibles. 
Drag each of the new sprites into the Collectibles object within the 
Hierarchy, then position them throughout your scene in places where they 
might be challenging to reach. 
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52 Currently, the sprites won't detect when the player touches them because 
they have no collider. Select all sprites in the Collectibles group and click 
the Component tab to add a Circle Collider 2D to them as shown. While all 
sprites are selected, ensure that IsTrigger is checked in the Circle Collider 
component. 


Component Services Window Help 


Mesh > 

Effects > 

Physics > ws it 
Physics 2D > Rigidbody 2D 

Navigation > 

Audio > 

Video > 

Rendering i Polygon Collider 2D 

Tilemap : Capsule Collider 2D 

Layout ; Composite Collider 2D 

Playables á Custom Collider 2D 

Miscellaneous > 

E : Distance Joint 2D 

or : Fixed Joint 2D 

Visual Scripting : Friction Joint 2D 

T : Hinge Joint 2D 

aoa : Relative Joint 2D 

oe ces. 7 Slider Joint 2D 


Spring Joint 2D 
Target Joint 2D 
Wheel Joint 2D 


Add... Ctrl+Shift+A 


Area Effector 2D 
Buoyancy Effector 2D 
Point Effector 2D 
Platform Effector 2D 
Surface Effector 2D 


Artwork 


O08es‘ Constant Force 2D 
n a 
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Ke, BaseScripts.unitypackage 

O BombDropAssets.unitypackage 
© CodeNinjasAvatar.unitypackage 
© CoinCollectible.unitypackage 


© DontTouchTheCubes-StarterPack.unitypa... 


@ Flame.unitypackage 

© glowEffect.unitypackage 

© MeanyBird-StarterPack.unitypackage 
@ MyDroppingBombs1.unitypackage 

© MyDroppingBombsPart2.unitypackage 
© MyDroppingBombsPart3.unitypackage 
© NinjaJump-UnityPackage.unitypackage 
@ ParticleLeaves.unitypackage 

© PolyBeats-UnityPackage.unitypackage 
© PolyRun-StarterPack.unitypackage 

GA RedRacket nnitunackane 


we ntypadge Canine) ~ 
cma 


2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/13/2024 9:34 AM 
2/12/9074 O34 AM 
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‘Unity package file 


Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 
Unity package file 


LInitty nackane file 


We also need a script to tell the sprites what to do. Click the Assets tab, 
then select Import Package followed by Custom Package. Navigate to your 
Purple Belt files, then select Activity 02 - BaseScripts.unitypackage and 
Import it. 


61KB 

35 KB 
576 KB 
102 KB 
181 KB 
66 KB 

11 KB 
376 KB 
39 KB 
206 KB 
488 KB 
211 KB 
25 KB 
49,451 KB 
16,837 KB 
A7 KR 


v 
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You should now have some new scripts for the game. Highlight the sprites 
in the Collectibles object again, then click on the Components tab. 
Navigate to Scripts, then select the Collectible Attribute script to add it to 
all sprites. The script will have the sprites add points to your score when 
you touch them. But wait, you don’t have a score just yet! 


Component | Services Window Help 
Mesh 
Effects 
Physics 
Physics 2D 
Navigation 
Audio 
Video 
Rendering 
Tilemap 
Layout 
Playables 


ba sea, AEs, "SRI a i) COR, gl,” ogni,” UD," An, "SR" Oat 


Miscellaneous 
Scripts | TMPro 
Ul UnityEngine.EventSystems 

Visual Scripting UnityEngine. TestTools. TestRunner.Callbacks 


Event 

UI Toolkit 
Cinemachine 
Add... Ctrl+Shift+A Avatar Appearance 


Boundaries 


UnityEngine. Timeline 


WM NE NE OM 


Cinemachine 


v v v v MY 


Animate Movement 


Cinemachine Touch Input Mapper 


Destroy After Time 


Falling Leaves 


Artwork Jump 
Movement 
O8 es‘ Reset 
D coo O Score 
Teleport 


Copyright © Code Ninjas, LLC |77 


Interface 


55 To display the score, you'll need a new GameObject called a User 
(UI). Click the GameObject tab, select UI, then Legacy, then Text. 


GameObjecti Component Services Window Help 
Create Empty Ctrl+Shift+N 


Create Empty Child Alt+Shift+N 
Create Empty Parent Ctrl+Shift+G 
2D Object > 
3D Object > 
Effects > 
Light > 
Audio > 
Video > 


Image 


UI Toolkit > Text - TextMeshPro 

Cinemachine > Raw Image 

Camera Panel 

Visual Scripting Scene Variables Toggle 

Center On Children Slider 

Make Parent Scrollbar 

Clear Parent Scroll View 

Button - TextMeshPro 

Set as first sibling Ctrl+= a Ea 

Set as last sibling Ctrl+- input Field EE 

Move To View Ctrl+Alt+F 

Align With View Ctrl+Shift+F Seuer 

Align View to Selected Event oyen 

Toggle Active State Alt+Shift+A Text 
Button 
Dropdown 
Input Field 
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56 The UI GameObject automatically generates an object named Canvas to 
hold all Ul elements. However, you probably won't see anything right away. 


Next to the Scene tab, there is a Game tab that allows you to preview the 
game screen. Select the Text object in the Hierarchy and click on the Rect 
Transform square in the Inspector to expand it. This provides options for 
adjusting where the text appears. While holding down the Alt key, click on 
the upper left square in the grid to move the text to that corner. Now the 
text should be visible, but it may appear small. 


Anchor Presets 


- Fp. a ` TTF. ` 
onift: AISO set pivot 
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57 Click back to the Scene tab. With Text still selected, press the F key or 
double-click to focus on the Text object. If pressing F doesn't work, try Shift 
+ F to focus. 


Now, let's fix the size of the canvas. Unity ensures that the Ul appears 
correctly in complex 3D environments by defaulting to a large canvas size. 
In the Inspector, scroll down to the Text component. Change the Text to 
“Score: " (don't forget the space after the colon!) and increase the font size 
to 28. Even though the font is larger, the Text object stays the same size. 
Use the Rect Tool to make the object large enough for both your font and 
your score. Also, move the object so that it isn’t touching the edges of the 
Canvas. 


Character 


Font AsLegacyRuntime 


Font Style Normal 


Font Size 28 
Line Spacina 
Rich Text 
Paragraph 
Alignment 
Align By Geometry 


Default Ul Material ¥ 
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If you want to, you can change the font. There are plenty of fonts available 
for download at fonts.google.com. If you find one you like, select it and 
download it to your computer. Google fonts are in a .zip file that needs to 
be unpacked, but then you can add the fonts to your game just like any 
other asset. 


1 font family selected 


Oswald Variable @ i & 


Everyone has the right to freedom of t aa 


How to use 


59 Let's return to our scoring system. In the Hierarchy panel, create a new 
Empty Object and name it ScoreSystem. 


Y ScoreSystem 


aq Untagged * Layer Default 
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60 


61 


Open the Scripts folder and drag the Score script into the ScoreSystem 
object. In the script component, there's a property for the Text object. Drag 
the Text object from the Hierarchy panel into the Score Text field in the 
script component. 


*® Favorites 
| All Materials 
All Model: 


O, All Prefat 


(ae Assets 


Be Animatior 


(ae Packages 


Bs 20: 
Bs Cinemac! 
fis) 
a 


Text Object for Displaying Score 
B Tex 


To connect the Collectibles to the ScoreSystem, select all the sprites within 
the Collectibles object. In the Inspector panel, find the Collectible 
Attribute script. There is a slot for the Game Object with the Score Script. 
Click on the circle to the right of the box to open the menu and select 
ScoreSystem to add that parameter to all the collectibles. 


Select Game Object Ej 


avorites 


> f tSyste i 
i eSsy f + 
gE, H — a3 t 
ScoreSysterr ’ : 
> a Scripts z 
All M I phere Laye veride 
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All M I Buil Inf 
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piii e k: A ‘ow [ E st GP Uppert B v Collectible Attribute (Script) 
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62 Congratulations - your Scavenger Hunt game is ready to play! Go ahead and 
give ita try! 
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Customizing the Player Avatar 


In the Hierarchy panel, select the Player Avatar. Then, in the Inspector 
panel, scroll down until you find the Avatar Appearance script 
component. 


Qà v Avatar Appearance (Script) 


Color for the Avatar's costume and skin 


Avatar Accessories 
Party Hat 
Eyepatch 
Pizza 
santa 


Purple Belt 


To change the player's color or skin, click on the appropriate property to 
open the color selector window. Close the window when you have a 
color that you like. 
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To change the accessories, click on any of the menus under the Avatar 
Accessories heading. Pick the object you want by name (or choose 
None to leave that section empty). 


Avatar Accessories 
Party Hat 
Eyepatch 
Pizza 


Santa 


Purple Belt 


Save your project and the next time you open your game, it will have 
the settings that you've selected. 
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Prove Yourself: Particle Hunt 


Unity has a simple way to add particle effects to objects. You can make 
things look like they're on fire, use smoke effects, or any of the dozens 
of effects Unity has built-in! For this Prove Yourself, you're going to use 
the glow effect. In the folder where you get your unity files, you'll see 
one called “Activity 02 Prove Yourself - glowEffect.unitypackage’; 
import it. If you don't have these files, ask a Code Sensei for help. Under 
the prefabs you will now see a gem asset. Drag this onto a gamelcon in 
the hierarchy. 


Select that gamelcon, and in inspect under the sprite renderer, change 
the gamelcons order in layer to 1. Now, in the hierarchy, find the glow 
object and select it. Scroll down until you find “start color” and change 
the color to match the current gamelcon you have selected. 


Now repeat these steps until all the gamelcons in the scene have an 
attached particle effect. 


Hint: Make sure to reset the transform of the particle effect 
GameObject to (0,0,0) to ensure it is properly positioned! 


© PRO TIP! 


You MUST reset the transform of the gem game object after dragging and 
dropping the gem prefab onto the game icon object. The glow effect won't 
show up directly beneath the game object if you don't. 


The "Order in Layer" property refers to the rendering order of 2D objects within 
the same sorting layer. Objects with a higher "Order in Layer" value will be 
rendered on top of objects with a lower value within the same sorting layer. 
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Graphics and Animation 


In the previous section, we covered how to bring in assets to create a 
simple platforming game. You also learned how to apply imported 
images to objects in Unity. 


Now, it's time to give the images a little more life using motion and 
animation, by starting with this simple, yet challenging game. 
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Making Things Look Good 


If a game is fun, why should it look good? The reason has to do witha 
concept called User Experience. The goal of user experience is to make 
sure that whoever uses the product has a good time. Having something 
that does what it’s supposed to do is only one part of the game 
experience. Adding in the right graphics can help with "setting the 
stage" and letting the user know what to expect. 


Graphics in Unity 


Graphics are displayed in several ways in Unity. The first way graphics 
are displayed is through rendering, by applying a material to an object 
and applying light and other parameters to give it a specific look. 2D 
objects such as sprites are also rendered, using a different method than 
3D objects. Another way graphics are displayed in Unity is through 
visual effects, such as particle systems. 
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Animation 


Games tend to work better with motion, and Unity provides many tools 
to keep things active and moving. Unity uses physics to simulate 
realistic events such as objects falling or bumping into each other. 
Through scripting, code can be used to direct motion within a game. 
Unity also has animation tools that allow for the creation of visuals like 
having a character running or causing objects to spin and fly. 


Image Source: https://youtu.be/XQIFokCzU6M 


Bells and Whistles 


In the video game realm, developers have a term for effects that 
improve the user experience but aren't absolutely necessary. They 
often refer to these enhancements as "bells and whistles" (it is believed 
that the term originated in advertising in the 1950's). 


This term encompasses more than just flashy graphics and sound 
effects. It's a combination of sounds and images that assist the user's 
imagination in taking them to wherever you want them to go when they 
play your game. The skills required to create stunning visuals take quite 
some time to develop, but they all begin with some simple questions: 
"Does it look right?", "What can be done to make it better?" 
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Activity 3: Meany Bird 
In this lesson, you'll be learning how to create your own animations 
using the bird sprite we have provided for you. 


1 Open the Unity Hub application on your computer. Select the New Project 
button in the upper right-hand corner. 


D 


Unity Hub 


2 Ensure that the top shows that the 2022.3 LTS version is being used. Select 
2D in the templates column. Next, type in your first name and last name 
initials and the name of the project. For example, John Smith would save 
their project as JS-MeanyBird. Select the folder location where you want to 
save your project. Click the Create button. 


New project 
ersion: 2022.3.19f1 tts 


All templates 


2D (URP) 


3D Mobile 
Project name 
JS-MeanyBird 

2D Mobile 

Sore a 
C:\Users\jonah\Desktop\JSUnityFil... 


3D (URP) 
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3 This is what you will see when Unity has loaded the 3 necessary assets into 
the program. Go to the Assets menu. 


@ JS-MeanyBird - SampleScene - Windows, Mac, Linux - Unity 2022.3.19f1 <DX11> a [m] x 
File Edit Assets GameObject Component Services Jobs Window Help 
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Select Import Package, then click on Custom Package. This allows us to 
import any package that has been compressed in Unity. Select the Activity 
03 - MeanyBird-StarterPack.unitypackage file. Once imported, Unity will 
show alist of everything that is inside the package. 


File Edit J Assets §GameObject Component Services Jobs Window Help 
Create 
Show in Explorer 
Open 
Delete 


Rename 


Copy Path Alt+ Ctrl+C 
Open Scene Additive 

View in Package Manager 

Import New Asset... 


Export Package... 

Find References In Scene 

Select Dependencies 

Refresh 

Reimport 

Reimport All 

Extract From Prefab 

Update UXML Schema 
Generate Lighting Ctrl+Shift+L 
Open C# Project 

View in Import Activity Window 


Properties... 
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5 All the materials inside the Unity package should be selected. If they aren't, 
click the All button on the bottom-left. Click Import (bottom-right) and wait 
until all the material is imported into the project. 


MeanyBird-StarterPack 


All None 


v Bs Background New a 
v (J Background.png New 
Ci colelarenelare New 

v B Font New 
v Aaupheavtt.ttf New 

v Prefabs New 
v GameOverCanvas.prefab New 
[v Score Canvas.prefab New 
[v Spikes.prefab New 

v Ba Resources New 
v B icons New 

v &]1f3ae.png New 
=] boundaries.png New 
=) collectables.png New 
| DestroyOverTime.png New 
| how-to-create-a-png-1.png New 
| img_542833.png New 
=) Leaves.png New 

] pngkey.com-arrow-design-png- 24 5( MEM p 

=) reset.png New 

“| score.png New 

v |) teleport.png New 

v Be Scenes 
v & MeanyBird.unity 

v Bs Scripts 
v EA Collectibles.cs 
v E DestroyAfterTime.cs 


KRIST SISISISISTSTS 


Cancel 
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6 Navigate to the Scenes folder under the Assets directory (accessible via the 
Projects tab) and open the MeanyBird scene. In the Game window, click on 
Free Aspect. With this tab still open next, click on the "+" symbol at the 
bottom to adjust the resolution size. Give the resolution a label like 
MeanyBirdResolution. Then, set the Width and Height to 600x800. 


# Scene om Game w Asset Store = Animator 


Game vy Display1 v» Free Aspect v Scale 


Y Low Resolution Aspect Ratios 
VSync (Game view only) 
Free Aspect 
16:9 As} 
16:10 Aspect 
Full HD (1920x1080) 
WXGA (1366x768) 
QHD (2560x1440) 


4K UHD (3840x2160) 
Add 


Label MeanyBirdResolutior 
Type Fixed Resolution v 
Width & Height X 600 / |800| 


MeanyBirdResolution (600x800) 
Cancel OK 
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7 Now, let's add our bird sprite. Go to the Sprites folder and select the bird 
sprite. Drag it into the hierarchy and the bird should be shown in the game 
view. If not, change the Z values in the transform window as shown below. 


OO V Bird Static v 


~ Tag Untagged v Layer Default v 


Transform 


Position 
Rotation 


Scale 
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Now the bird is too big for the game view, so let's change its size. With the 
bird still selected, navigate to the Inspector window. Change the size of the 


bird using the following scale values: 


Y Bird Static v 


Tag Untagged vy Layer Default v 


P Transform 
Position xX O fe 
Rotation ie fe op 
Scale SQ xX 0.16 Y 0.16 aa 1 


Scale values: X: 0.16, Y: 0.16, Z: 1 


Your bird should look like this in both the scene and game windows: 
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Q With the bird still selected, click the Add Component button in the 
Inspector window. Type Player and select Player Controls. 


a Player Controls| 


Search 
EF Player Controls 
New script 


1 0 Now, double-click on the script to open Visual Studio. Note: If Visual Studio 
opens and there is nothing showing, double-click the script again. 


* v Player Controls (Script) 


—_—v 


This is what your script should look like when Visual Studio is opened: 


PlayerControls.cs X 


Users > jonahwagner > JS-MeanyBird > Assets > Scripts PlayerControls.cs 
1 using - 
using 
using 


Update() 
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SPRO TIP - Scripting 
The "using" section at the top of the script imports additional tools and 
resources, allowing the program to access predefined functionalities. 


A class is a blueprint or template for creating objects in programming. It 
defines the properties (attributes) and behaviors (methods) of objects. 


A public class is accessible from other parts of the program, meaning its 
properties and methods can be accessed and modified from anywhere. 


A private class restricts access to its properties and methods only within the 
class itself, keeping them hidden from other parts of the program. 


A header in programming typically refers to the introductory section of a file or 
script, containing essential information like the name of the file, author details, 
creation date, and a brief description of its purpose. 


A public variable is a data container accessible and modified from any part of 
the program. It is like a public resource that anyone can use. 


A private variable, on the other hand, can only be accessed and modified 
within the class it is declared in. It is like a secret resource that is only available 
to certain parts of the program. 


A float is a data type used in programming to represent numbers with decimal 
points. It is used for storing values such as distances, measurements, or 
percentages. 
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11 


Now, let's start coding our bird. The code needs to get placed under public 
class playerControls: monobehaviour. This code defines variables. Add this 


code: 


public class PlayerControls : MonoBehaviour 


[Header ( 
public GameController gameController 


[Header ( )] 
public float velocity = 1; 


private Rigidbody2D rb; 


private float objectHeight; 


Next, type inside the void Start function: 


void Start() 
{ 


gameController = GetComponent<GameController>(); 


Time.timeScale = 1; 
rb = GetComponent<Rigidbody2D>( ); 


objectHeight = transform.GetComponent<SpriteRenderer>().bounds.size.y / 2; 
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Now, type inside the void Update function: 


Update( ) 


if (Input.GetMouseButtonDown(@) 


rb.velocity = Vector2.up * velocity; 


Now, save the script by pressing Crtl + S and return to Unity! 


1 2 We are almost ready to playtest the game, but we must do a few more 
things first! Select the Bird GameObject in the Hierarchy menu, then click 
add component in the Inspector menu. In the input field, type Rigidbody 2D 
and then select Rigidbody 2D. 

a Rigidbody 2D| 
Search 
a Rigidbody 2D 
New script 
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1 3 Click Add Component once more. Then type Circle Collider 2D in the input 
field. Select Circle Collider 2D. 


Search 


O Circle Collider 2D 


New script 


14 Finally, change the velocity under player controls to 5 so the bird can float 
around. Make sure to change from Play Focused or Play Unfocused to Play 


Maximized before you click the Play button. 


public class PlayerControls : MonoBehaviour 


[Header ( 

public GameController gameController; 
[Header ( )] 

public float velocity = 5; 

private Rigidbody2D rb; 

private float objectHeight; 

void Start() 


{ 


} 


Now, let’s playtest your game! Continue clicking on the game screen to 
make the bird fly. 
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With our bird set up, let's add spikes into the game. 


click the + button, then select Create Empty. 


O Inspector 


Create Empty Chil 
2D Object 

3D Object 

Effects 


Light 
Audio 
Video 

UI 

UI Toolkit 
Camera 


Visual Scripting Scene Variables 


In the Inspector menu, rename the empty game object, "Spawner”. 


Y Spawner 


Tag Untagged 
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In the Hierarchy menu, 


Layer Default 


1 7 In the Inspector window for the Spawner, select Add Component. In the 
search box, type Spawner and select the Spawner script component. 


Add Component 
a Spawner 
Search 


Spawner 


New script 


1 8 Open the Spawner script. Add the following to the script inside the class 
before the void start function: 


"Spikes Object for controlling the game") ] 
spikes; 


"Default Height")] 
height; 


Start() 
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Next, type inside the void Start function: 


void Start() 
{ 


InvokeRepeat ing ( 


This will help us set up the timer to decide when the next object will appear. 
Next, type inside the void Update function: 


void Update() 
{ 


spikes.transform.position = new Vector3(5, Random.Range(-height, height), @); 


Create a new void function called InstantiateObjects inside the class and 
just after the void Update function. Add this code inside: 


void InstantiateObjects() 


{ 


Instantiate(spikes, spikes.transform.position, spikes.transform. rotation) ; 


Save the script (Ctrl + S) and return to Unity! 
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1 Q Using our updated script, look in the Inspector window. The Spawner has a 
GameObject input field. Click the properties button next to the input field as 
shown below. 


Yv Spawner (Script) 


Spikes Object for controlling the game 
Spikes O None (Game Object) 


Default Height 
Height 


20 Select Assets on the top left of the window that appeared. You should see a 
menu like the one below. Then select the Spikes object. 


Assets Scene 


eS S&S 


None GameOve... Score Can... 


We Spikes 
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21 In the Inspector, navigate to the Spawner component and adjust the height 
value from 0 to 2. 


Default Height 
Height 


22 Now, let's go ahead and play the game. While playing, look at the Hierarchy. 
You should notice that the objects are being generated but aren't moving 
across the screen. 


24 Switch back to the scene tab. Go into the Prefabs folder and double-click 
the Spikes prefab. Make sure Spikes are shown in the inspector menu. Next, 
click Add Component in this inspector menu. Type Move in the search box 
and select the Move script component. 


Add Component 


Move 
Ney script 
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Open the Move script and add the following: 


public class Move : MonoBehaviour 


Vv 


[Header ( )] 
public float speed; 


void Start(() 
{ 


} 


Next, delete the void Start function and type inside the void Update 
function: 


public class Move : MonoBehaviour 
[Header ( ty 


public float speed; 


void Update() 
{ 


transform.position += Vector3.left x speed * Time.deltaTime; 


Save the script (Ctrl + S) and return to Unity! 


25 With the Spikes parent object still selected in the inspector, change the 
speed value from 0 to 6. 


v Move (Script) 


Default Speed 
Speed 
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26 Now, with the Spikes parent object still selected, click Add Component. In 
the search box, type Destroy and select the Destroy After Time script. 


Add Component 


a destroy x 


Search 
@ Destroy After Time 


News ript 


Open the Destroy After Time script and add the following: 


public class DestroyAfterTime : MonoBehaviour 
[Header ( 
public float timeToDestruction; 


void Start(() 
{ 


Next, type inside the void Start function: 


void Start() 


d 


Invoke( , timeToDestruction); 
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Create a new void function called DestroyMe, then add this: 


DestroyMe 


Destroy (gameObject) ; 


You can delete the void Update function as this script does not require it in 
this context. Once finished, save the script and return to Unity! 


27 Now, in the Destroy After Time component, change the value for Time to 
Destruction from 0 to 8. 


v Destroy After Time (Script) 


Default Destruction Time 
Time To Destruction 8 


30 Double-click the Spikes prefab and this time select the Score child object. 


if Spikes 
D Spikes 
QO Spike (1) 


O Spike (2) 
O Score 
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31 Click Add Component. Type Collectibles in the search box and select the 
Collectibles script. 


Add Component 
a collectibles 


Search 


ES collectibles 


New script 


Open the Collectibles script. Delete both void Start and Update functions. 
Inside the class, create a new void function called OnTriggerEnter2D, add 
this: 


OnTriggerEnter2D collision 


Score.score++: 


Invoke allows you to specify the time when a function is run. 


Save the script and return to Unity! 
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32 In the Hierarchy panel, click the arrow shown blown to return to Scene 
mode. 


t= Hierarchy 
== Y œ 
Spikes 


O Spikes 
© Spike (1) 
O Spike (2) 
O Score 


33 Now, play the game. Try to aim between the spikes to add points to the 
score. 
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35 Before moving on, let's add a function for if the player touches the two 
spikes or the ground, then the game is over. Reopen the Player Controls 
script. 


Create a new void function inside the class below the void Update function 
called void OnCollisionEnter2D, afterwards add this: 


Update( ) 


if \(Input.GetMouseButtonDown (0 


OnCollisionEnter2D ( 


collision.gameObject.tag == 


if(collision.gameObject.tag == 


36 Now, try playing the game. You will notice that if the bird touches the 
ground or spikes, then the game will be stopped. 
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38 Let's add a new game object. Go to Hierarchy and click the + button. Select 
“Create Empty”. Then, rename the new GameObject to GameController. 


t= Hierarchy 
+v Q 
Q SampleScene* 
D GameController 


© Inspector 


ws v GameController 
i 


Tag Untagged vy Layer Default 


Copyright © Code Ninjas, LLC |113 


39 With the GameController object selected, click Add Component. Type 
Game in the search box and select the Game Controller script component. 


Add Component 


(a game x | 


Search 
-Game Controller 


New script 


Open the Game Controller script. Add the following to the script inside the 
class before the void Start function: 


public class GameController : MonoBehaviour 
[Header ( )] 


public GameObject gameOverCanvas; 


public GameObject scoreCanvas; 


public GameObject spawner; 


void Start() 
{ 
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Next, type inside the void Start function: 


void Start() 
{ 


Time.timeScale = 1; 
scoreCanvas.SetActive(true); 
gameOverCanvas.SetActive( false); 


sSpawner.SetActive(true) ; 


} 


Create a new void function called void GameOver inside the class and after 
the void Start function. Afterwards add this: 


void Start() 
{ 


Time.timeScale = 1; 
scoreCanvas.SetActive(true) ; 
gameOverCanvas.SetActive( false) ; 
spawner.SetActive(true) ; 

} 


public void GameOver() 


{ 
gameOverCanvas.SetActive(true); 
Spawner.SetActive( false) ; 


Time.timeScale = ð; 


The void Update function can be deleted as it is not needed in this context. 
Once you do that save your script and return to Unity! 
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40 


Before moving on, let's update the code in the player controls for the Game 
Over Canvas to appear. Select the Bird game object in the hierarchy panel 
then open the Bird's Player Controls Script. 


Inside the void OnCollisionEnter2D method, replace the code inside the if 
statement with the code below: 


GameObject.Find .Get Component< >().GameOver 


Save the script and return to Unity! 


For the Game Controller script component, let's select our objects. Click the 
checkbox next to the Game Controller (Script), then within the Scene menu, 
select the GameOverCanvas, Score Canvas, and the Spawner. 


v Game Controller (Script) 


Game Over UI Object for displaying Game Over Screen 
Game Over Canvas GameOverCanvas © 


Score UI Object for displaying Score 
score Canvas score Canvas © 


Spawner Object for spawning objects in game 
Spawner © Spawner © 
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Prove Yourself: Meaner Bird 


Swapping out assets in Unity is a lot easier than dodging stalactites and 
stalagmites while flying through a cave. (Stalactites are the rocks on the 
ceiling, while stalagmites are the ones sticking out of the ground.) 


Go into the folder where the Unity assets are provided (from the 
Download Unity Game Assets folder in SharePoint). The assets you'll 
need from this folder are: 


"Activity 03 Prove Yourself - caveback1.png", "Activity 03 Prove 
Yourself - caveback2.png", and "Activity 03 Prove Yourself - 
stalagmite_1.png". 


In this Prove Yourself we are going to accomplish: 
e Use" Activity 03 Prove Yourself - caveback1 .png" and " 
Activity 03 Prove Yourself - caveback2. png" as shown above 
as the background. 


e Apply the " Activity 03 Prove Yourself - stalagmite_1.png" 
image to the obstacles in your existing Meany Bird game. 
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To get started follow the steps below: 


1. Add the "caveback1", "caveback2", and "stalagmite1" images to 
your sprites folder! 


2. Select the background object in the hierarchy and change its 
sprite to caveback1 


3. Make the background image fit correctly by adjusting the scale 
property in the transform component to 1.7 for both X and Y. 


4. Duplicate your background object and change the sprite of this 
duplicated background object to caveback2. Then set the z 
position to -1. 


5. Update the z position of your bird object to -2 in order to get it to 
appear above both backgrounds. 


6. Use Unity's move tool to move your "Ground" gameobject down. 
It should be barely on screen. The Y position should be 
somewhere around 0.67-0.70. 


7. Duplicate your ground object and rename it Ceiling. Change the 
Y position of this new GameObject to around 12.55. 


8. In both the "Ground" and "Ceiling" objects disable the sprite 
renderer components to hide the objects. They are still there 
even though the camera cannot seem them! 


9. Open the spikes prefab. Select "Spike (1)" in the hierarchy menu 
and change the property of its sprite to "stalagmite_1" Set the Y 
scale to around 5.32. 


10. Click the Edit Collider button for Box Collider 2D and then 
utilize your mouse to drag the dots. Repeat the same steps (12 
and 13) for Spike 2. 
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Physics 


When we throw a ball, there are a lot of forces at work that determine 
what happens to that ball and where it goes. Of course, the energy that 
you use to throw the ball is present, but there is also gravity pulling it 
down to the ground. In addition, there is the air that the ball is moving 
through, slowing it down. Also, there is rotation which can affect 
whether the ball moves in the direction you intended it to go. 


Learning about forces gives you an idea of where the ball is going to go. 
Unity has a large set of tools to simulate physics and knowing about 
them can help you make better games. 
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What Goes Up... 


Centuries ago, a famous mathematician and physicist by the name of 
Sir Isaac Newton discovered the laws of motion and showed the world 
how it drove everything from rocks to the planets. What does that have 
to do with Unity? Newton showed us the mathematics that allows us to 
simulate the motion of objects in our computer environment. While we 
sadly won't be going into Newton's laws in this book, everything that 
we do regarding physics started with what he taught humans long ago. 


The Nature of Things 


Objects with mass not only move, but they also accelerate. When they 
collide, they bounce based on their relative mass and energy. Physics 
helps us predict what happens when a force of any kind is applied to an 
object. While we don't need to understand the mathematics of physics 
to use it, knowing about the natural laws of mechanics and motion 
helps us not only figure out why things move, but how to make them 
move more accurately. 


Physics in Unity 


For an object in Unity to act under the control of physics, it must have a 
Rigidbody component. This allows the object to respond to forces such 
as gravity and torque. The Ridgidbody component allows you to choose 
the mass of an object (objects with more mass are more resistant to 
force from objects with less mass) and drag (how air resistance can 
slow it down). 


Throwing it Out the Window 


One thing that you can do on a computer that you can't do in the real 
world is ignore any of the laws of physics that get in our way. We can 
decide not to allow an object to be affected by forces like gravity, or to 
have it magically float in the air. We can make an object immovable, so 
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that any object that collides with it, no matter the mass, doesn't make it 
budge. We can prevent it from rotating in just one or every axis. 


Image Source: https://stock.adobe.com/search/images?k=newton+apple+tree&asset_id=517182457 


Colliders 


The Rigidbody is just one part of how Unity handles physics. Another 
part is the collider, which determines how and when one object touches 
another. As you might guess, it takes a lot of processing to keep track 
of all the edges of all the objects in a virtual world. To make things run 
smoother, Unity has simplified colliders that require less computations. 


For instance, a model of a truck has many surfaces, from the top to the 
windshield, down to the wheels. Yet ina game, we can use a six-sided 
box to represent the top, bottom, and sides of the truck. As far as the 
game is concerned, it works just as well, and with the extra processing 
power, you can have many more trucks in your scene! 
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Activity 4: Sketch Head 


In this activity, we will continue using physics and colliders, only this 
time we will add more features to the game, such as a “camera follow” 
mechanic and a generator object! 


Open the Unity Hub application on your computer. Select the blue New 
Project button in the right-hand corner. 


Projects re Í New project | 


MODIFIED EDITOR VERSION 


2 In the templates column select 2D. Next, type your first and last initials and 
the name of the project. For example, John Smith would save the project as 
JS-SketchHead. Select the folder location where you typically save your Unity 
files. 


All templates 


Core 
2D 
Sample Core 


Learning 
3D 
Core 


2D 
This is an empty project configured for 2D 
2D (URP) apps. It uses Unity's built-in renderer. 
Core 
Read more 


3D Mobile 
Core 


Project name 
JS-SketchHead 
2D Mobile 
Core 
Location 
/Users/jonahwagner/Downloads/Jo... 
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3 As soon as Unity has loaded all the necessary assets into the program, it will 
open. As you can see, we don't have assets or scripts in the project. Let's fix 
that now. 


Go to the Assets menu. Select Import Package and click Custom Package. 
This allows us to import any package that has been compressed in Unity. In 
the folder with the Unity Assets, locate and open the Activity 04 - 
SketchHead-StarterPack2 Unity package. Once you do this, a menu will open 
displaying everything inside the package. 


Assets J GameObject Component Services Window Help 


Create 


Show in Explorer 


Open 
Delete 
Rename 


Copy Path 


Open Scene Additive 


View in Package Manager 


Alt+ Ctrl+C 


Import New Asset... 


Export Package... 


Find References In Scene 


A 


Name Date modified Type Size 

@ Flame.unitypackage 2/13/2024 9:34 AM Unity package file 66 KB 
@ glowEffect.unitypackage 2/13/2024 9:34 AM Unity package file 11 KB 
@ MeanyBird-StarterPack.unitypackage 2/13/2024 9:34 AM Unity package file 376 KB 
@ MyDroppingBombs!.unitypackage 2/13/2024 9:34 AM Unity package file 39 KB 
© MyDroppingBombsPart2.unitypackage 2/13/2024 9:34 AM Unity package file 206 KB 
O MyDroppingBombsPart3.unitypackage 2/13/2024 9:34 AM Unity package file 488 KB 
@ NinjaJump-UnityPackage.unitypackage 2/13/2024 9:34 AM Unity package file 211 KB 
@ ParticleLeaves.unitypackage 2/13/2024 9:34 AM Unity package file 25 KB 
© PolyBeats-UnityPackage.unitypackage 2/13/2024 9:34 AM Unity package file 49,451 KB 
@ PolyRun-StarterPack.unitypackage 2/13/2024 9:34 AM Unity package file 16,837 KB 
@ RedRocket.unitypackage 2/13/2024 9:34 AM Unity package file 47 KB 
@ RocketBomb.unitypackage 2/13/2024 9:34 AM Unity package file 110 KB 
© RocketFire.unitypackage 2/13/2024 9:34 AM Unity package file 81 KB 
© ScavengerHuntBackUp.unitypackage 2/13/2024 9:34 AM Unity package file 1,239 KB 
@ SketchHead-StarterPack2.unitypackage 2/13/2024 9:34 AM Unity package file 1,146 KB 


@ SuperShapes-StarterPack.unitypackage 


2/13/2024 9:34 AM 


Unity package file 


16,918 KB 


~] _unitypackage (“.unitypackage) z 


cone 


name: |SketchHead-StarterPack2.unitypackage 
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A Since these packages are specially made for each game, we want all materials 
inside the Unity package selected. If they are not all selected, click the All 
button. Click Import and everything will be imported into the project. 


| Import Unity Package Eh 


All None 


v B Background 
v ($j Crumbled Paper.pna 
Ba Font 
v AaLefthandkids_demo.ttf 
Ba Physics 
v D Bouncy.physicsMaterial2D 


98e9821ac6ecbad6abfea1b49 
3eSs.png 
stroyOverTime.png 
%] how-to-create-a-png-1.png 
$j imgq_542833.pnq 


%) kKissong-computer-icons-symbo 


w-design-png-2 


ce v 


Cancel Import 


5 Now click Scenes under the Assets window and open the SketchHead scene 
by double-clicking. Like the last game, in the Game window, ensure Free 
Aspect is selected then click the plus and change the resolution to 600x800. 
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Let's start configuring the Main Camera game object before we start to 
configure our player object. We need to select the Main Camera in the 
Hierarchy. This step is needed because the camera will focus on the player by 
default. 


Select the Main Camera, go to the Inspector window and click Add 
Component. 


= Hierarchy 
+7 oo 
Q SketchHead 
D Main Camera 
D EventSystem 


Once you click Add Component, type Camera Follow in the search box. 
Select the Camera Follow script. 


a Camera Follow 
Search 
©% Camera Follow 


New script 
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3 Open the script and add the following: 


using System.Collections; 
using System.Collections.Generic; 
using UnityEngine; 


public class CameraFollow : MonoBehaviour 
[Header ( )] 
public Transform target; 


void Start() 
{ 


} 
Next type inside the void Update function, 


void Update() 
af 
if (_target.position.y > transform. position.y) 


{ 


transform.position = new Vector2(0,_target.position.y); 


You can delete the void start function as it is not needed in this activity. Then 
save the script and return to Unity! 
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Now, go to the Sprites folder and select the DoodleHead sprite. Drag the 
DoodleHead sprite into the Hierarchy. It should now be shown in the Game 
view. If not, change the Z values in the Transform window. 


y DoodleHead Static v 
Tag Untagged vy Layer Default v 


D 
ə i Transform 


Position 
Rotation 


Scale 


Position values: X: 0, Y: 0, Z: 1 


If the sprite still doesn't show up, change the order in layer from 0 to 1 in the 
Sprite Renderer component. 


lA v Sprite Renderer 
Sprite [e] DoodleHead 


Color 
Flip X Y 
Draw Mode Simple 
Mask Interaction None 
Sprite Sort Point Center 
Material Sprites-Default 
Additional Settings 
Sorting Layer Default 
Order in Layer 
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1 0 Now the DoodleHead is too big for the Game view, so let’s change its size. In 
the Inspector window, with the DoodleHead still selected, change the size of 
the DoodleHead to these scale values: 


Transform 


Position X O0 fe 
Rotation X O fe 
Scale G) X 10.155 a ().155 


Scale values: X: 0.155, Y: 0.155, Z: 1 


Your DoodleHead should look like this in both the Scene and Game 
windows: 
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1 1 Select the Main Camera object, where we will select our target object in the 
Camera Follow script component. Select the Properties button to the right 
of the text box and in the Scene menu, select DoodleHead. 


© v Camera Follow (Script) 


Target Object 
' DoodleHead (Transform) ©) 


Assets Scene 


None 
O Background 
O DoodleHead 
D EventSystem 
© Main Camera 


1 2 Now, select the DoodleHead object and click Add Component. Type 
Rigidbody in the search box and select the Rigidbody 2D component. 


a Rigidbody| 
Search 


4 Rigidbody 
a9 Rigidbody 2D 


New script 
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1 3 Select Constraints in the Rigidbody2D component. Then, select the check 
box labeled Freeze Rotation for the Z axis. Constraints are the rules or 
limitations applied to the movement and interaction of objects that have a 
Rigidbody component. 


4 ~—Rigidbody 2D 
Body Type Dynamic 
Material None (Physics Material 2D) 
Simulated V 
Use Auto Mass 
Mass 1 
Linear Drag O 
Angular Drag 0.05 
Gravity Scale 1 
Collision Detection Discrete 
Sleeping Mode Start Awake 
Interpolate None 
Constraints 
Freeze Position X Y 
Freeze Rotation v Z 


Layer Overrides 
Info 
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14 Afterward, click Add Component with the DoodleHead still selected. Then 


type Box Collider 2D in the search box and select Box Collider 2D. Match the 


settings to the image provided below. 


Q box coll 


Search 
Box Collider 
Box Collider 2D 
New script 


Edit Collider 


Material None (Physics Material 2D) © 
Is Trigger 

Used By Effector 

Used By Composite 

Auto Tiling 

Offset X O a O 

Size ES 6.1 Y 6.88 

Edge Radius O 


Layer Overrides 
Info 
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Ensure that the DoodleHead is still selected, then select the Add 
Component button in the Inspector menu. Then, type Player in the search 


bar and select Player Controls. 


Search 
+! Player Controls 
Ea Player Quit Handler 
Ot Video Player 
New script 


1 6 Open the Player Controls script and add the following code inside the class 


below the void Start function: 


public class PlayerControls : 


MonoBehaviour 


[Header ( )] 
[Tooltip ( 
public Rigidbody2D rb; 


[Tooltip ( 
public float downSpeed = 20f; 


[Header ( )] 
[Tooltip ( 
public float movementSpeed = 10f; 


[Tooltip ( 
public float movement = Qf; 


private SpriteRenderer spriteRenderer; 


void Start() 
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Next, type inside the void Start function: 


void Start() 
{ 


rb = GetComponent<Rigidbody2D>() ; 
SpriteRenderer = GetComponent<SpriteRenderer>() ; 


Next, type inside the void Update function: 


void Update( ) 
{ 


movement = Input.GetAxis ( ) x movementSpeed; 


if (movement < @Q) 
{ 
spriteRenderer.flipX 
} 
else if (movement > 0) 
{ 


spriteRenderer.flipX = false; 
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Create a new void FixedUpdate function and add this: 


void FixedUpdate( ) 
{ 


Vector2 velocity = rb. velocity; 


velocity.x = movement; 


rb.velocity = velocity; 


Create a new void OnCollisionEnter2D function and add this: 


private void OnCollisionEnter2D(Collision2D collision) 


{ 


if (rb.velocity.y <= @) 
{ 


rb.velocity = new Vector2(rb.velocity.x, downSpeed); 


You can now save the script and return to Unity! 


1 7 In the Player Controls component, click the Properties button next to the 
Rigidbody input field. 


v Player Controls (Script) 


Rigidbody 
Rb DoodleHead (Rigidbody 22 © 
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None 
O DoodleHead 


1 Q Open the Sprites folder, then drag the platform to the Hierarchy. Move the 
platform under the DoodleHead. 


= Hierarchy 
-= v 
Q SketchHead* 
MM Camera 


J Platform 


Asset Sprite 


-~J O QO 


dieHead Platform 


+ @Assets/Sprite/Platform.png 
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© Inspector 


vy Platform 


v 


Tag Untagged Layer Default 


i 
~ 


Transform 


Position 
Rotation 


Scale 


Position values: X: 0, Y: -1.64, Z: 1 


= 


v 


Static 


Yy 


Sometimes the sprite still may not show up. In that case, change the order in 


layer from 0 to 1 in the Sprite Renderer component. 


A Y Sprite Renderer 


Sprite [e] Platform 
Color 
X 


Simple 


Flip Y 
Draw Mode 

Mask Interaction None 
Sprite Sort Point Center 
Material 


Additional Settings 


Sprites-Default 


Sorting Layer Default 


Order in Layer 
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20 With the platform still selected, click Add Component. In the search box, 
type Box Collider and select Box Collider 2D. 


Add Component 
a Box C| 
Search 
Ñ Box Collider 
O Box Collider 2D 


New script 


Update the X and Y size of the Box Collider 2D component to match the 
image. Select the Used By Effector check box. 


O v Box Collider 2D 
Edit Collider Ph 


Material None (Physics Material 2D) © 
Is Trigger 

Used By Effector 

Used By Composite 

Auto Tiling 

Offset X O a O 

Size X 2.24 me 0.22 

Edge Radius O 
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21 Click Add Component again. Type Platform Effector 2D into the search 
box and select Platform Effector 2D. 


a Platform Effector 2D| 


Search 
Platform Effector 2D 


New script 


Once added, change the Surface Arc to 90. 


v Platform Effector 2D 


Use Collider Mask v 

Collider Mask Everything 
Rotational Offset O 

One Way 

Use One Way v 

Use One Way Groupir 

Surface Arc 90 


22 Now, let's play the scene. You should see the DoodleHead jump up very 
high. You will notice that when the DoodleHead's Y position is less than 
the Camera position, the Camera will stop following. 
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24 Now it's time to spawn more platforms to collide on. Create a new game 
object and rename it GameController. 


= Hierarchy 
+r x 
Q SketchHead* 
D Main Camera 
Q Background 
D EventSystem 
M DoodleHead 
Q Platform 
D GameController 


With the GameController selected, click Add Component. In the search 
box, type Game. Find and select the Game Controller script. 


Add Component 
a game 
Search 


Game Controller 


New script 
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25 Once the Game Controller script has been added, open it and add this 
code inside the class before the void Start function: 


public class GameController : MonoBehaviour 


public GameObject platform; 
private float yPos = Q@; 


void Start() 


Next, type this code inside the void Start function: 


void Start() 


{ 
SpawnInitialPlatforms(); 


Now create a new void SpawnlnitialPlatforms inside the class below 
void Start and add this code: 


void SpawnInitialPlat forms ( ) 
{ 
for (int i = 0; i < 10; i++) 
af 
SpawnPLatform(); 
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Create a new void SpawnPlatform function inside the class below the 
void SpawnlnitalPlatforms and add this code: 


void SpawnPlatform( ) 

{ 
float xPosition = Random.Range(-3f, 3f); 
Instantiate(platform, new Vector3(xPosition, yPos, @), Quaternion.identity); 
yPos += 2.5f; 


Lastly, create a new public void MovePlatformToTop inside the class 
and below void SpawnPlatform and add this code: 


public void MovePlatformToTop(GameObject platform) 
{ 
float xPosition = Random.Range(-3f, 3f); 


platform.transform.position = new Vector3(xPosition, yPos, Q); 
yPos += 2.5f; 


You can now delete the void Update function. Save the script and return 
to Unity! 
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26 Within the GameController Inspector input field, search and select the 
Platform game object. 


v Game Controller (Script) 


Platform Object 
O Platform 


Assets Scene 


None 
O Background 
© DoodleHead 
D EventSystem 
O GameController 
O Main Camera 
Q Platform 
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29 Now, there are over 1000 platforms! Let's go ahead and destroy the 
platforms that are not currently in the Scene view. To destroy these 
platforms, we must add anew GameObject inside the Main Camera 
object. Rename this GameObject to Destroyer in the Inspector. 


Remember, to move the game object inside the Main Camera, you can 
drag it up to the Main Camera. 


Q SketchHead* 
D Main Camera 
Q Background 
Q Destroyer 


y Destroyer Static v 
Yv 


Tag Untagged vy Layer Default v 


30 With Destroyer still selected, click Add Component. In the search box, 
type Box Collider and then select Box Collider 2D. 


Add Component 
a Box Collider 
Search 
Box Collider 


Box Collider 2D 


New script 
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Change your GameObject and the Box Collider 2D component to match 
the information shown in the images below. 


Transform 


Position xX O 
Rotation xX O 
Scale G X 19 


v Box Collider 2D 
Edit Collider Po 


Material None (Physics Material 2D) 
Is Trigger v 

Used By Effector 

Used By Composite 

Auto Tiling 

Offset 

Size 

Edge Radius 

Layer Overrides 

Info 


Contacts 


Position values: X: 0, Y: -6, Z: 0; Scale Values: X: 19, Y: 1, Z: 1 


Ensure that Is Trigger is checked in the Box Collider 2D component and 
that you update the Offset and Size to match the image. 


31 With the Destroyer GameObject still selected, click Add Component. In 
the search box, type Destroyer and select the Destroyer component. 


a Dest 


Search 


Destroyer 


New script 
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32 Open the Destroyer Script and create a new void OnTriggerEnter2D 
function below the void Update function inside the class. An error will 
appear but don't worry, we will resolve that shortly. 


void Update() 
{ 


} 


public void OnTriggerEnter2D(Collider2D collision) 
{ 
Game0bject.Find( ).SetActive(false); 
Game0bject.Find( ) .GetComponent<GameController>().Game0ver(); 


} 


You can delete the void Start and void Update functions as they are not 
needed in this script. Now save your script and return to Unity! 


33 Now that we just added the void OnTriggerEnter2D function in the last 
step, we need to update our code in the Game Controller script to fix the 
error. Reopen the Game Controller script and add the following code 
inside the class: 


public class GameController : MonoBehaviour 


[Header ( )] public GameObject platform; 
float pos = ð; 


[Header ( 
public GameObject gameOverCanvas; 


void Start() 
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After the SpawnPlatforms function, add a void GameOver function and 
update the code to match below: 


Instantiate(platform, new Vector3(Random.value * 10 - 5f, pos, 0.5f), Quaternion. identity); 
pos+=2.5f; 


} 


public void GameOver() 


il 


gameOverCanvas.SetActive(true); 


You can now save the script and return to Unity! 


34 Play the scene. You will notice that if the object collides with the collider, 
the player will be invisible. 


36 Now for the part you have been waiting for let's add scoring to the 
game! In your Assets folder go to the Prefabs section and then place the 
ScoreCanvas into the Hierarchy. 


= Hierarchy 
+r o 
Q SketchHead* 
Q Main Camera 
Assets > Prefabs M Background 
Q Destroyer 
<> <P D EventSystem 
BA K] up QO DoodleHead 
Q Platform 


GameOve... &{Platform1 ScoreCan... O GameController 
Wp ScoreCanvas 
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37 We need to adjust the code in the Player Controls to update the score. 
Reopen the Player Controls Script that is attached to the DoodleHead 
and add the following code inside the class: 


public class PlayerControls : MonoBehaviour 


[Header ( ")] 
public Rigidbody2D rb; 


[Header ( )] 
public float downSpeed = 20f; 


[Header ( )] 
public float movementSpeed = 10f; 


[Header ( i i 
public float movement = Of; 


[Header ( 4 a Ål 
public Text scoreText; 
private float topScore = 0.0f; 


Inside the void Update function in the same script, add the following 
code: 


if (rb.velocity.y > 0 & transform.position.y > topScore) 
{ 


topScore = transform.position.y; 


} 


scoreText.text = + Mathf.Round(topScore).ToString(); 


Now save the script and return to Unity! 


38 Select the DoodleHead in the Hierarchy. Under the Inspector, scroll 
down to find the Score Text. Click on the circle and replace none with 


scoreText. 


Score Text 
Score Text Fa scoreText (Text) 
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39 Play the scene. You will notice that the higher the object goes, the more 
the score increases. 


41 Let's add one more thing to the game to complete it: a game over 
screen. Go to the Prefabs section of the Assets folder to find the 
GameOverCanvas object, then place it into the Hierarchy. 


42 Select the GameController in the Hierarchy, then find the Game 
Controller Script component. Find Game Over UI Canvas Object then 
search in the input field for the GameOverCanvas game object. 


Game Over UI Canvas Object 
O None (Game Object) 


Assets Scene 
None 
O Background 
Button 
O Destroyer 
D DoodleHead 
D EventSystem 
O GameController 
We GameOverCanvas 
© Main Camera 
Q Platform 
ScoreCanvas 
score Text 
Text 
Text 


AA Great job! You can now save your game, then export it. Then, submit 
your game on the Dojo so a Code Sensei can grade it! 
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Prove Yourself: TrickHead 


A O———— er 


Let's add some fake platforms to make playing SketchHead a 
little...trickier. Open your SketchHead file and make the following 
changes: 


1. Duplicate the Platform and GameController. 


2. Rename the duplicated Platform(1) and GameController(1) to 
FakePlatform and FakeGameController. 


3. Change the color of the FakePlatform and turn off its collision. 

4. Add the FakePlatform and FakeGameController to the scene. 

5. Open the GameController Script and add this code inside the 
class before void Start: 


a. [Header]("position")] 
b. public float position; 
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6. Add the following code inside the void SpawnPlatforms: 
a. pos += position; 


7. Find your GameController game object, then in your inspector 
find the Game Controller script component and change the 
"Position" property to 2.5 


8. Find the FakeGameController game object you created, in your 
inspector find the Game Controller script component and change 
the "Position" property to 11.25 
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SCRIPTING 


By now you probably know that scripting is an integral part of making 
games. Unity utilizes the C-Sharp (C#) coding language for all its 
scripts. 


By now, you also probably know that while scripts have slightly 
different ways of using them, they all use variables, conditionals, 
functions, and loops. C# is no different from other coding languages in 
that aspect. 


AR LINNEN L 
d “ZY 


< mw 


Bits and Pieces of Code 


In Unity, scripts are attached to objects to tell these objects what to do. 
The behavior can be very specific (put the object at a specific position) 
or general (keep track of the time). Scripts in Unity are modular, 
meaning that the same script can be attached to several objects anda 
single object can have several scripts attached to it. The advantage of 
this is that a simple script (such as for movement) can be usedina 
variety of projects and if a project needs something more, then an 
additional script can be written to support the original one. 


Anatomy of a Script 


The main parts of a C# script are variables, functions, and classes. You 
will also notice that at the top of a script is something called a using 
directive. These specify elements of C# that the script will be using 
most frequently and are included by default in every new script you 
create. There are other directives for other things (such as the user 
interface) that will be explained later. For now, we will talk about 
variables and functions. 


using System.Collections; 
using System.Collections.Generic; 
using UnityEngine; 


public class Demo : MonoBehaviour 


public int myFirstAwesomeVariable; 
private bool mySecondCoolVariable; 


void Start() 
{ 


} 


void Update() 


{ 


} 
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Variables 


Variables in C# have 3 main parts: visibility (usually public or private), 
type, and a name. When declaring a variable, you'll decide if the variable 
needs to be seen outside of the script. If you are declaring a speed 
variable and you want to adjust it without having to edit the script, you 
would make it public. Else, make it private. The type is what kind of 
variable. It could be an int (integer), float (floating), bool (boolean) or 
even a GameObject or another script. The final part is the name of the 
variable and, optionally, the value of that variable. 


Assignment 


T Operator 
ype (assigns the value to 
the variable on the 
left side.) 


myFirstAwesomeVariable = 9; 


Visibility TEE as 


. (Initial Value 
(Public mee Name assigned to the 
Private) variable) 


Functions 


Functions are where things happen in a script. When a new script is 
created, two functions are automatically created, Start() and Update(). 
Start is called when the game starts. Update is being called constantly. 
All other functions must be called by name before they do anything. 
Like variables, functions can be public or private, depending on whether 
or not you need other scripts to call them. Most of the time, a script 
starts with a void type, meaning that the function is just running and 
not returning any data. 
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Activity 5: Don't Touch the Cubes 


In this activity, you will design a simple game where gravity, colliders, 
and physics come into play. 


1 Open the Unity Hub application on your computer. Select the New Project 
button in the upper right-hand corner. Make sure the 2022.3 LTS version is 
being used. 


New project 


Editor Version: 2022.3.18f1 
2 Select 3D in the Templates column. Next, type in your first and last initials 
plus the name of the project. For example, John Smith would save their 
project as JS-DontTouchTheCubes. Select the folder location where you 
normally save your Unity games. Then select the Create button! 


3D 
Core 


3D 
This is an empty 3D project that uses Unity's 


2D (URP) built-in renderer. 


Core 
Read more 


3D Mobile 
Core 


JS-DontTouchTheCubes 

2D Mobile 

Core 
Location 
/Users/jonahwagner/Downloads/Jo... 


3 Once Unity loads all the necessary assets into the program you will see that 
a blank project exists. We're about to fix that. 
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A Go to the Assets tab at the top, select Import Package, and then click on 
Custom Package. By selecting Custom Package, we can import 
compressed packages into Unity. Find your Unity assets folder. Then 
select the Activity 05 - DontTouchTheCubes-StarterPack.unitypackage 
file. Once you select the file Unity will then show a menu of what is 
inside the package. 


Name ^ 

@ BaseScripts.unitypackage 

@ BombDropAssets.unitypackage 
@ CodeNinjasAvatar.unitypackage 
© CoinCollectible.unitypackage 2/13 
@ DontTouchTheCubes-StarterPack.unitypa... 2/13/2024 9:34 A Unity package file 
Ọ Fiame.unitypackage 2/13/2024 9:34 AN Unity package file 
© glowEffect.unitypackage 2/13/2024 9:34 AN Unity package file 
@ MeanyBird-StarterPack.unitypackage 2/13/2024 9:34 AN Unity package file 
© MyDroppingBombs1.unitypackage 2/13/2024 9:34 AN Unity package file 
@ MyDroppingBombsPart2.unitypackage 2/13/20 34 AM Unity package file 
@ MyDroppingBombsPart3.unitypackage 2/13/2024 9:34 AN Unity package file 
@ Ninjalump-UnityPackage.unitypackage 2/13/2024 9:34 AN Unity package file 
@ ParticleLeaves.unitypackage 2/13/2024 9:34 A Unity package file 
@ PolyBeats-UnityPackage.unitypackage 2/13/2024 9:34 AN Unity package file 
@ PolyRun-StarterPack.unitypackage 2/13/2024 9:34 AN Unity package file 
A RedRoclet unitunackane 2/12/2074 0-24 AM nity nackane file 


v 


ame: | DontTouchTheCubes-StarterPack.unitypackage unitypackage (“.unitypackage) ~ 


5 Since this is file is built just for this game, we want to make sure all the 
material inside the package is selected. If all the material is not selected, 
click the All button to select everything. Click Import and all the material 
will be imported into the project. 


DontTouchTheCubes- 


2 2 ® ® ®2 2 2 2 Oo 


22 2 2 ® ®@ O 22 2 2 ®2 ®2 ® ® Oo 
>t | | | t t @ee | Fe t gt tt dt ft bbe. 


-y =» 
> eo 2 ee ee ee ee 


m 


aaeaaa@& & 
) 


Cancel Import 
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6 Now click Scenes under the Assets window and open the 
DontTouchTheCubes scene. Even though you've imported the scene, 
there is nothing in the Scene window or the Game window. However, we 
do have the materials that we need in our folder to start creating the 
game. 


Ba Project B Console 
+ v 
¥% Favorites 
Q, All Materials 
Q, All Models 
Q, All Prefabs 


w Assets 
Ba Font 


fe Prefabs 
Ba Resources 


Assets > Scenes 


DontTouc... SampleSc... 


7 Select the Main Camera game object. Then, find the Clear Flags 
dropdown menu, and choose Solid Color. Change the background color 
to black. 


O Inspector 


v Main Camera Static 


Tag MainCamera Layer Default 


ne Transform 


Position 


Rotation 
RGB 0-255 


Scale RI E o 
G | 0 

v Camera - - B | 0 
. n ee | 255 

Clear Flags Solid Color Hexadecimal 000000 


Swatches 


Background 
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With the Main Camera game object still selected, change the rotation to 
90 on the X axis. 


Transform 
Position 
Rotation 


Scale 


Select the Main Camera game object again and click Add Component. In 
the Search Box, type Rigidbody and then select Rigidbody. 


a Rigidbody| 
Search 
Rigidbody 
Rigidbody 2D 


New script 


In the Rigidbody component, click the arrow for the Constraints drop- 
down section. Click on all boxes next to Freeze Rotation for all 3 axes. 
Then set the Drag to 1. 


Rigidbody 

Mass 1 
Drag O 
Angular Drag 0.05 
Automatic Center Of | v 
Automatic Tensor v 
Use Gravity vV 
Is Kinematic 
Interpolate None 
Collision Detection Discrete 
Constraints 

Freeze Position 


Freeze Rotation 
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1 0 Make sure you continue to have the Main Camera game object selected. 
Then select Add Component. In the search box, type Sphere Collider, 
then select Sphere Collider. 


a Sphere Collider 


Search 
Sphere Collider 
New script 


1 1 Make sure the Main Camera is still selected, then select Add 
Component. In the search box, type Player Controls and select the 
Player Controls script. 


a Player Controls| 


| Search 


~y 


Player Controls 


New script 


12 Open the Player Controls script, added to Main Camera, then add the 
following code before the void Start function inside the class: 
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void Start() 


il 


rb = GetComponent<Rigidbody>(); 


Time.|timeScale =s 1f: 


14 Within the void Update function, insert the code below: 


void Update 
transform. rotation *= Quaternion.Euler(0, 0, 7 « Time.deltaTime); 
Time.timeScale += Time.fixedDeltaTime * 0.01f; 
rb.velocity += transform. rotation * (Vector3.right * Input.GetAxisRaw( j ) * 10f * Time.deltaTime); 
rb.velocity += transform.rotation * (Vector3.up * Input.GetAxisRaw( ) x 10f x Time.deltaTime) ; 
float clampedX = Mathf.Clamp(transform.position.x, -30f, 30f); 


float clampedZ = Mathf.Clamp(transform.position.z, -30f, 30f); 


transform.position = new Vector3(clampedX, @, clampedZ); 


You can now save your script and return to Unity! 


Clamping is a function in Unity that restricts a value within a specified 
range. By clamping an object's position, it helps make sure that it cannot 
move outside the set minimum and maximum limits. 
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1 5 With the Main Camera selected, locate the Player Controls script 
component inside the Inspector. Find the Rigidbody input field, then 
select the properties circle button. Select the Main Camera in the Scene 
panel. 


v Player Controls (Script) 


Rigidbody 
Rb None (Rigidbody) 


Assets Scene 


None 


D Main Camera 


1 6 Now you will create a Spawner object, which is an object that is made for 
creating multiple objects from its location. First, we need to create one 
game object. Right click on Main Camera then select Create Empty. 
Rename the object to Spawner in the inspector. 


Q Dont TouchTheCubes* 
Q Directional Light 
Q Main Camera 


D Spawner 
D EventSystem 
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1 7 Change the position and rotation of the Spawner to match the values 
shown below. 


O Inspector = 


GA Y Spawner Static v 
¥ Tag Untagged vy Layer Default 


A Transform 


Position 
Rotation 


Scale 


Position values: X: 0, Y: 0, Z: 147 
Rotation values: X: 0, Y: 90, Z: 0 


1 3 With the Spawner still selected, click Add Component in the Inspector. 
In the search box, type Spawn Objects. Then, select the Spawn Objects 
script. 


Add Component 
a Spawn Objects| 
Search 


Spawn Objects 


New script 
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Open the Spawn objects script and add the following code inside the 
class before the void Start function: 


public class SpawnObjects : MonoBehaviour 
[Header ( )] 
public GameObject spawnCube; 


[Header ( )] 
public float difficulty = 40f; 


float spawn; 


void Start() 
{ 


} 


1 Q Delete the void Start function; we don't need it here. Inside the void 
Update function, add the following code: 


void Update() 


{ 
spawn += difficulty * Time.deltaTime; 


while(spawn > @) 


spawn -= 1; 
Vector3 v3Pos = transform.position + new Vector3(Random.value * 40f - 20f, 0, Random.value * 40f - 20f); 


Quaternion qRotation = Quaternion.Euler(@, Random.value * 360f, Random.value * 30f); 
GameObject createObject = Instantiate(spawnCube, v3Pos, qRotation) ; 
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20 


We now need to create cubes for the game! To do this, select the + 
button in the top left of the hierarchy. Select 3D Object from the drop- 


down menu, then click Cube. 


Create Empty 
Create Empty Child 


Create Empty Parent 
2D Object 


Effects > Sphere 
ae > Capsule 
Audio > Cylinder 
Video > Plane 
g > Quad 
— : Text - TextMeshPro 
Cinemachine > 
Legacy > 
Camera 
Visual Scripting Scene Variables Ragdoll... 
Make Parent T 
Clear Parent Tee 


Set as first sibling Wind Zone 


Select the Cube in the hierarchy, then in the Inspector, click Add 
Component. In the search box, type Moving and then select the Moving 


and Rotating Objects script. 


a Moving] 


Search 
Moving And Rotating Objects 


New script 
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22 Open the Moving and Rotating Objects script and add the following 
code inside the class and before the void Start function: 


moveSpeed = 10f; 


rotateSpeed = 50f; 


23 Delete the void Start function; we don't need it here. Inside the void 
Update function, add this code: 


Update 


transform.Translate(@, moveSpeed x Time.deltaTime, 0); 


transform.Rotate(Vector3.up * rotateSpeed *« Time.deltaTime) ; 


You can now save the script and return to Unity! 
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24 In the Hierarchy keep the Cube selected, then select the Prefabs folder 
in the Project menu and drag the Cube into the folder. 


Hierarchy a: # Scene oe Game 


+ Á 3 va [o]Center v Loc `l v ty v 
Q DontTouchTheCubes* ; 
© Directional Light 


era 


es 
Aaterials 


(ae Assets 
Ba Font 
Ba Prefabs 


Bs Project S5 Console 
-+ v 
% Favorites ssets > Prefabs 
Q, All Materials 
Q, All Models 
Q, All Prefabs 


fae Assets 
Ba Font Sube TimerCanv... 
Ba Prefabs 


You can delete the Cube from the Hierarchy as you won't need it to 
show up in the scene anymore! 
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25 Select the Spawner. In the Inspector, find the Spawn Objects script 
component. Add cubes to the Spawn Cube input field by clicking on the 
Properties button and selecting the Cube prefab in the Assets window. 


Assets Scene 


Cube TimerCanv... 


26 Play the game! You should see that the cubes will begin to spawn and 
move toward the screen. 


28 We are moving downwards but the cubes are still active off the screen. 
To fix this we need to destroy these cubes by using a Destroyer script. 
Select the Cube in the Prefab folder then click Add Component. Type 
Destroy in the search box and select the Destroy After Time script. 


a Destroy] 


Search 
fa Destroy After Time 


New script 
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Open the Destroy After Time script and add the following code inside 
the class and before the void Start function: 
public class DestroyAfterTime : MonoBehaviour 
[Header ( )] 
þublic float timeToDestruction; 


void Start() 
{ 


} 


void Start() 
{ 


Invoke( , timeToDestruction); 
} 


Create a new void DestroyObject function by adding this code: 


void DestroyObject() 
{ 


Destroy(game0bject); 
} 


You can delete the void Update function as we don't need it here. Now 
save the script and return to Unity! 
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31 While you still have the Cube selected, in the inspector find the Destroy 
After Time script component. Change the Time to Destruction to 12 
seconds. 


v Destroy After Time (Script) 


Destruction Timer 
Time To Destruction 12 


32 Play the game but this time, don't maximize it. You should see the cubes 
being destroyed by looking at the hierarchy. 


34 In the hierarchy, add anew empty GameObject to the game. Rename it 
GameController. 


= Hierarchy 
+7 o 
Q DontTouchTheCubes* 
Q Directional Light 
& Main Camera 
O Spawner 
D EventSystem 
D GameController 
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35 With the GameController GameObject selected, click Add Component. 
In the search box, type Game Controls, then add the Game Controls 
script. 


Add Component 
a Game Controls| 
Search 


Game Controls 
New script 


36 Open the Game Controls script and add the following code inside the 
class and before the void Start function: 


timerText; 


timerCount; 


37 Inside the void Start function, add the following code: 


Time.timeScale = 1f; 


Before we save the script, you can delete the void Update function in 
this script as we do not need it here. You can now save the script and 
return to Unity! 


38 We are almost ready to test out the game! First, we need to add a new 
function to our player controls in order to have the game reset if we 
touch a collider. Open the Player Controls script in the Main Camera 
object. 
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39 Create a new void OnCollisionEnter function, then add the following: 


void OnCollisionEnter(Collision collision) 


{ 


SceneManager.LoadScene(Q) ; 


You can now save the script and return to Unity! 


42 Let's make the game even more fun by adding scoring to the game! Go 
to the Prefabs folder and drag TimerCanvas to the Hierarchy. 


‘= Hierarchy 
v Oy 

Q DontTouchTheCubes 
1 Directiona 


Q Directional Light 


= Hierarchy 
+r e 
Q Dont TouchTheCubes* 
§ Directional Light 
See M Main Camera 
— <> O Spawner 
ao E QD EventSystem 


a Font —— O GameController 


Bs Prefabs Ss Tr: 
fs Resources te TimerCanvas 


Q, Al odels 
Q, All Prefabs 
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A3 In the hierarchy, select the Game Controller. In the inspector, open the 
Game Controls script to add scoring. 


void Start() 
{ 


Time.timeScale = 1f; 


StartCoroutine(CountTime() ); 


timerText = GameObject.Find( ) .GetComponent<Text>(); 


Under the void Start function, create a new IEnumerator CountTime 
function inside the class and add this code: 


IEnumerator CountTime( ) 


yield return new WaitForSeconds(1f); 
timerCount++; 

timerText.text = + timerCount; 
StartCoroutine(CountTime() ); 


You can now save the script and return to Unity! 
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Prove Yourself: Don't Touch the Chopsticks 


A cube is a 3-dimensional shape with 6 sides made up of squares. 

A square is a 2-dimensional shape that has 4 sides of equal length. 

The shapes you can see in the above image are called rectangular 
prisms. 2 of the sides are still squares, but the length of the shape has 
been changed so that 4 of the sides are rectangles. 

To test your understanding of how to use the Unity interface and 3D 
shapes, go into your complete Don’t Touch the Cubes game, and do the 


following: 


1. Resize the cubes to become rectangular prisms as in the image 
above. 


2. Adjust the rotation and movement speed of the obstacles. 


3. Try adjusting the Time to Destruction variable if the objects in 
your game disappear before you can reach them. 


4. Adjust the difficulty variable by making it lower to make the 
game easier and higher for a more difficult game. 
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Prefabs 


When you're making a game, the last thing that you want to do is 
manually make the dozens (or even hundreds) of objects that the player 
must deal with one at a time. It is much easier just to set it up one time 
and then let the computer take care of the rest. 


The Prefab in Unity is just that. Any combination of GameObjects and 

components can be set aside for when you need them again. A prefab 
could be a combination of models to quickly build a scene, or it can be 
an assortment of characters that the player must deal with. The bonus 
of using a prefab is that any changes that you make to the original get 

applied to all copies. 
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Making a Big Deal out of Many, Little Deals 


Any time that you need to reuse a GameObject in your scene, you 
should make it into a Prefab. Making a prefab is as simple as dragging a 
GameObject from the Hierarchy into your Prefabs folder. Both the 
original object and the Prefab are now marked with blue cubes to 
indicate that the object in the scene is an instance of the prefab from 
your folder. 


Opening a Prefab 

To edit an asset in the Prefabs folder, select it and click Open Prefab. 
This opens Prefab Mode where you can make changes to the original 
prefab that then get applied to all instances of that prefab in your scene. 


@ Inspector 


“ Bomb 


- 
Tag Bomb + Layer Default 


Prefab Bomb 


Select Open 


Overrides 

Any changes that you make to a prefab in your scene only affect that 
instance of the prefab. If, for some reason, you want those changes to 
be saved as part of the original prefab (and applied to all the prefabs ina 
scene), you must click on Override in the Inspector panel and select 
Apply All. Any unapplied overrides in a prefab show up in bold text in 
the Inspector panel. 


© Inspector 


v Rocket 


iq Untagged v Layer Default 


Overrides v Select 
Review, Revert or Apply Overrides 
Rocket 


ocene 


T 
on 
Position 
: in 
Rotatior 


Scale 


E Movement (Script) 


Revert All Apply All 
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Instantiating 


Prefabs can be taken out of the Prefabs folder and added to your game 
through code at run time. To do so, you will need to define that variable 
in your code (usually through a public GameObject variable) and use the 
Instantiate command to create new instances. Instantiate requires 
three things: the variable for the prefab, the position where to put it in 
the scene, and the desired rotation. 


Instantiate(bombPrefab, new Vector3(randomX, spawnY, 0), bombPrefab.transform.rotation); 


Prefabs and Variables 


When instantiating a prefab from the Prefabs folder, care must be taken 
with what is attached to it as a public variable. Prefab scripts have no 
problem with public variables that are self-contained, such as a number 
for a speed setting or a boolean value. However, if you have a variable 
that requires linking to another GameObject in the scene, the prefab 
will forget that information when the Prefab is instantiated (the 
exception is if that object is another prefab in the same folder). In those 
cases, it’s best to use a private variable and define that variable using 
GameObject.Find(“ObjectName”") in the Start function of the script. 
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Activity 6: SuperShapes 


In this lesson, you will create a simple game where gravity, colliders, 
and physics come into play. 


1 Open the Unity Hub application on your computer. Select the New Project 
button in the upper right-hand corner. Make sure the 2022.3 LTS version is 
being used. 


New project 


Editor Version: 2022.3.18f1 


2 Select 2D in the Templates column. Next, type in your first and last initials 
with the name of the project. For example, John Smith would save their 
project as JS-SuperShapes. Select the folder location where you want to 
save your project. Click the Create button. 


2021.3.14f1 ts 


All templates 


3D 
2D (URP) 
3D (URP) 


3D (HDRP) 


176|Code Ninjas Purple Belt v3.1 


3 Once Unity has opened, just like with previous tasks, we'll want to install a 
package. Go to Assets and select Import Package and click on Custom 
Package. 


File Edit 


Assets GeneObect Cornponert Jobs Window Help 
> 


Create 
Show in Explorer 


view n Package Mana 


Import New Asset... 


Export Package... 
nd References In Scene 
Select Dependencies 
Refresh 
Reimpor 

Reimport All 
Extrect From Prefab 
Update UXML Schema 


Open CF Prnjert 
View n Import Activity Window 


‘paues. 


4 Select the Activity 06 - SuperShapes-StarterPack.unitypackage. All of the 
materials inside the package should be selected, if they are not, select All 
and click the Import button. 


_Mk NEW 
Bs MKGlowFree NEW 
v BeBuiltin NEW 
v B Resources NEW 

v &MKGlowResources.asset NEW 

v B Editor NEW 
vf  #] EditorHelper.cs NEW 

v +] EditorHelper.Edi t.cs NEW 


v BM f [ 


v & 
v 


NEW 
NEW 
NEW 
NEW 
NEW 
NEW 
NEW 
NEW 
NEW 
NEW 
FlameLuminance.mat NEW 
FlameSelective.mat NEW 
GlowCube.mat NEW 

NEW 

NEW 

NEW 
SparksLuminance.mat NEW 
SparksSelective.mat NEW 
SpriteLuminance.mat NEW 
SpriteSelective.mat WEDS 


abletLuminance.mat NEW 


SISISISISISISISISISISISISISIS 


All None Cancel Import 
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5 With the package installed, we want to load the Supershapes scene. It's a 
blank scene at the moment, but we will add to it. Go to the Scenes folder 
and double-click SuperShapes. 


6 First, let’s change the background color. Select the Main Camera 
gameobject and change the Clear Flags at the top from Skybox to Solid 
Color. Next, change the Solid Color to black. 
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7 We are going to add a player. Instead of creating an empty game object, 
we are going to go to 2D to Sprites and add a Circle, make sure you 
rename the object to Player. 


Duplicate 
Delete 


Select Children 
Set as Default Parent 


Create Empty 
3D Object Physics > Square 
Sprite Shape > Capsule 
Pixel Perfect Camera Isometric Diamond 
Sprite Mask Hexagon Flat-Top 
Hexagon Pointed-Top 
UI Toolkit 9-Sliced 
Camera 


Visual Scripting Scene Variables 
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Let's move the player up slightly by 0.6, and shrink its scale to something 
around 0.25 in both the x and y. While we are changing things, let's also 
change the material on the Sprite Renderer from default to player. Your 
player should currently look like this in the Inspector. 


O Inspector 


Draw Mode Simple 


Mask Interaction Mone 


Shader MK/Glow/Selective/Sprites/Default 


Add Component 
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10 


Click Add Component. Type Rigidbody in the search box and select the 
Rigidbody 2D component. Change the Body Type to Kinematic. 


Add Component 
a rigid 
Search 
ge) Rigidbody 
d Rigidbody 2D 


New script 


Additional Settings 
Sorting Layet Default 
Order in Layer 
a  Rigidbody 2D 
Dynamic 
Material 
Simulated 


Use Auto Mass 


Linear Drag 


Angular Drag 


Click Add Component again. Type Circle Collider in the search box and 
select the Circle Collider 2D component. 


Add Component 


Search 
O Circle Collider 2D 


New script 
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1 1 Click Add Component one last time. Type Player Controls in the search 
box. Select the Player Controls script. 


a, player 
Search 
Player Controls 
Fa Playe Quit Handlet 


Video Playel 


New script 


1 2 Open the Player Controls script and add the following variables to the top, 
just below the class line. 


® Unity Script | 0 references 
Et 5 =|public class PlayerControls : MonoBehaviour 
6 { 
7 //movement speed 
8 [Header("Default Movement Speed")] 
9 public float moveSpeed = 200; 
10 //movement float 
11 float movement = 0; 
12 
12 


1 3 Inside the void Start function, we are going to add a line that sets our Time 
Scale to its default, 1. This will be important later so that when we restart 
the game, everything is able to move as normal. 


14 // Start is called before the first frame update 
Message | 0 references 


15 = void Start() 


16 

17 //Timescale is the speed the game runs at 
18 Time.timeScale = 1; 

19 

20 
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Inside the void Update function, add the following. This will set our 
movement variable to either -1, 0 or 1 depending on what the player is 
inputting. If they input ‘Left’, then we get -1. If they input, ‘Right’ we get 1. 
If they don’t input anything, we get 0. 


21 // Update is called once per frame 


Unity Message | 0 refere 
22 H void Update() 


Below void Update, create a void FixedUpdate function. Add the 
following: 


© Unity Message | 0 references 
28 el private void FixedUpdate() 
{ 


{ 
//Set the game speed to 9 
Time.timeScale = 0; 


Play the game. Use the left and right arrows to move the player. You 
should see the player rotate in a circle. 
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1 Q Go into the Prefabs folder and you will see four shaped polygons: 3 Sides, 
Hexagon, Pentagon, and Triangle. The next few steps apply to all four of 
the shapes listed above. Hold down Ctrl on your Keyboard and one by one, 
click each shape to select them all. 


Ba Project B Console 
-+ 7 
% Favorites 
Q, All Materials 
Q, All Models 


Q, All Prefabs 


(ae Assets 
Ba MK 3 Sides GameOve Pentagon ayer scoreCan Triangle 
Bs Font 
Bs Material 
Bs Prefabs 
Ba Resources 
Bs Sc 


a Packages 
Bs 2D Animation 
Bs 2D Common 
Bs 2D Path 
Bs 2D Pixel Perfect 
Bs 2D PSD Importer 
Bs 2D Sprite 


(ein š = Assets/Prefabs/3 Sides.prefab 
z 1 Onritas SAna 


20 With all four shapes selected, click Add Component. Type Rigidbody2D in 
the search box and select the Rigidbody 2D component. To confirm all are 
selected, you should see "4 Prefab Assets” at the top. 


© Inspector 


Prefab Assets 


Root in Prefab Asset (Open for full editing support) 
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Material 
Simulated 


i) Se fat Li [ 0 it ass 


Linear Drag 


22 Next, with the four shapes still selected, click Add Component again. Type 
Polygon Collider 2D in the search box and select the Polygon Collider 2D 
component. 


a polygon 
Search 
A Polygon Collider 2D 


New script 
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24 Once more, click Add Component. Type Shape in the search box and 
select the Shape script component. 


ilit Vy a shape 
séarcn 
Shape 
Aes prite Shape Controller 


w Sprite Shape Renderer 


25 Open the Shape script, then add the following variables just below the 
bracket for the class line. 


Unity Soript (12 asset referemces) | 0 references 

5 Epublic class Shape MonoBehaviour 

6 { 

7 /fRigidbody for the object 

8 [Header("Rigidbody Object")] 

g9 public Rigidbody2D rb; 
18 {Shrinking Speed 
11 | [Header "Default Shrinking Speed")] 
12 public float shrinkSpeed = 3; 
13 


26 Inside the void Start function, add the following: 


15 | 

16 

17 // Start is called before the first frame update 
® Unity Message | 0 references 

18 E void Start() 

19 { 

20 //Rotation of the rigidbody 

21 //at a random range 

22 rb.rotation = Random.Range(0, 360); 

23 //local scale for the Hexagon 

24 //equals one for all axes (x,y,z) times ten 

25 //meaning - localScale = (1,1,1) * 10 

266” transform. localScale = Vector3.one * 10;| 

27 } 

28 
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29 // Update is called once per frame 
30 void Update() l 
{ 


//slowly shrink our localScale by 
//our lagen opal n A game rat 
transform. localSca r3.one * ae nkSpeed * Time.deltaTime; 
Then the objec ct tge ets mall] 

f (transfor — T) 05f) 
//Destroy Objec 
Destroy(gam aren ct); 


28 Go back into the prefabs folder and select one of the shape prefabs. 


Although we have been editing them together, we need to do them one at 
a time for this next step. 


Double click into a shape prefab and place the RigidBody2D into the 
Inspector field by dragging it. 


29 Repeat step 28 with the remaining shapes. 


All your shapes should have a Ridigbody2D set to Kinematic, a Polygon 


Collider set to Is Trigger, and the Shapes Script with the correct 
Rigidbody2D in the RB field. 
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30 Before you play the game, add a Spawner to spawn multiple random 
shapes. See if you can add a new GameObject on your own and rename it 
GameController. Click Add Component. Type Game Controller in the 
search box and select the Game Controller script component. 


@ Inspector 3: E = Hierarchy 


MA v GameController Stati =- "F 
RE 
v 


Tag Untagged 


fA SuperShapes* 
fo Main Camera 
CA Directional Light 
fo EventSystem 


| iter. 


Transform 


Position 


fo GameController 


Game Controller 


New script 


31 Open the Game Controller script and add the following variables: 


1 Jusing System.CoLlLlections; 

2 using System.Collections.Generic; 
3 using UnityEngine; 

= using UnityEngine.SceneManagement; 
5 


ot = public class GameController : MonoBehaviour 
//The [] tells Unity that we want an Array 
[Header("Shape Objects")] 
public GameObject[] shapePrefabs; 
//The first object will spawn after 
//the spawnDelay and then every spawnTime 
[Header("Default Spawn Delay Time")] 
public float spawnDelay = 2; 
[Header("Default Spawn Time")] 
public float spawnTime = 3; 


// Start is called before the first frame update 


® Unity Messaue |0 ref 
void Start() 
{ 


InvokeRepeating("Spawn", spawnDelay, spawnTime); 


} 


an 47 Ulead a anllad anaana man fanna 
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33 Create a void Spawn function just below void Start by adding the 
following: 


called before the first frame update 
essa | 0 references 


Praterences 
void Spawn() 


//Get a random number between the range of 0 and our 

//array Length 

int randomInt = Random.Range(®, shapePrefabs.Length); 

//spawn new hexagon that was picked randomly 
Instantiate(shapePrefabs[randomInt] , Vector3.zero, Quaternion. identity) ;| 


34 Create a void Game Over function, add the following function just below 
the end of void Spawn: 


33 
U references 
34 = public void GameOver() 
35 { 
369 CanceLInvoke("Spawn");| 
37 
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Inside the Project window, you will find the prefabs folder that contains 
the four Prefabs we want to add to our array. Next, select the Game 
Controller and one by one drag the prefabs into the Shape Prefabs Array. 


If you are having trouble with this, you can also type the number 4 into 
the array Size and drag them in that way, or search for them with the 
little dot next to each element. 


© Inspector 
* GameController 


aq Untagged 


Transform 


“ Game Controller (Script) 


Shape Objects 

Shape Prefabs 
Element 0 3 Sides 
Element 1 Hexagon 
Element 2 Pentagon 


Element 3 Triangle 
D 
[i 


Bs Project B Console 
-+ E 
% Favorites a Assets > Prefabs 
Q, All Materials 
Q, All Models 


©, All Prefabs 


(ae Assets 
Be MK 
Be Font 
Bs Material 
Bs Prefabs 
Be Resources 


fae Packages 
Ba 2D Animation 
Ba 2D Common 
Bs 2D Path 
Ba 2D Pixel Perfect 


-= Assets/Prefabs/3 Sides.prefab 
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Play the game. All of the shapes will begin to appear and shrink. If you 
touch one of the objects, the game will end. 


Now to add more difficulty to the game. Start by selecting the Main 
Camera and loading the Rotator script component attached. 


If you don’t see the Rotator script, you may need to add it by pressing 
Add Component and typing Rotator. 


© Inspector 


D v Main Camera 


Tag MainCamera 


Position 


Rotation 


Clear Fla gs 
Background 


Culling Mash 
Projection 


IZE 


Clipping Planes 


Depth 
Rendering Path 


Target Texture 


Occlusion Culling 


HDR 


Allow Dynamic f 


arget Display 


Target Eye 


~ Transform 


v Rotator (Script) 


Layer Default 


Solid Color 


Everything 


Orthographic 


Neat 


Fat 1000 


Use Graphics Settings 


None (Render Texture} 


Use Graphics Settings 
Off 


Display 1 
None (Main Display) 


Add Component 
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39 Delete the void Start function. Inside the void Update function, add the 
following: 


© Unity Script (1 asset reference) | 0 references 


5 Ejpublic class Rotator : MonoBehaviour 


// Update is called once per frame 
® Unity Message | 0 references 


void Update() 
{ 


transform.Rotate(Vector3.forward, Time.deltaTime * 30);| 


40 Save the script and return to Unity. Play the game. The Main Camera will 
begin to rotate, which will add more difficulty to the game. 
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Time to add scoring and the Game Over screen. To do so, add both the 
ScoreCanvas and GameOverCanvas to the Hierarchy from the Prefabs 
folder. If you play the game, you'll notice that the score is now seen in 
the Game window. 


If you cannot see the score. Double click it in the Hierarchy, it may be too 
high and outside of the canvas’s white lines. 


‘2 
pRrrrrrrrr> & 
RBovovvvrvenmreBZ bpp g G 
Severe seczeg ZZZ 
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A3 Reopen the Game Controller script and add the following variable: 


© Unity Script (1 asset reference) | 0 references 

6 =public class GameController : MonoBehaviour 
7 { 
8 //The [] tells Unity that we want an Array 
9 [Header("Shape Objects")] 
10 public GameObject[] shapePrefabs; 
11 = //The first object will spawn after 
12 | //the spawnDelay and then every spawnTime 
13 [Header( "Default Spawn Delay Time")] 
14 public float spawnDelay = 2; 
15 [Header( "Default Spawn Time")] 
16 public float spawnTime = 3; 

[Header("Game Over UI Canvas")] 

public GameObject gameOverCanvas; 


AA Inside the void GameOver function, add the following: 


36 
0 references 
37 g public void GameOver() 
38 
39 CancelInvoke("Spawn"); 
40 //Set the gameOverCanvas to be visible 
4g gameOverCanvas .SetActive(true);| 
42 


Save the script and return to Unity. 


45 Reopen the Shapes script and inside the void Update function, add the 
following inside the if statement: 


28 
29 // Update is called once per frame 
@ Unity Message | 0 references 
30 E void Update() 
31 { 
32 //slowly shrink our localScale by 
33 //our shrinkSpeed multiplied by game rate 
34 transform.localScale -= Vector3.one * shrinkSpeed * Time.deltaTime; 
35 
36 //\lhen the object gets too small 


37 a if (transform.localScale.x < 0.05f) 
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46 With the GameController selected, search and select the 
GameOverCanvas game object in the input field of the Game Controller 
script component. You can also drag it from the Hierarchy. 


47 In the PlayerControls script, replace the code inside the 
OnTriggerEnter2D function with the following: 


@ Unity Message | O references 
private void OnTriggerEnter2D(Collider2D collision) 
{ 
GameObject .Find("GameController") .GetComponent<GameController>() .GameOver() ;| 


AY Reopen the GameController script and add the following to the 
GameOver function: 


37 = public void GameOver() 


38 { 

39 an > n nue " nawn" . 

40 //Set the gameOverCanvas to be visible 
41 gameOverCanvas.SetActive(true); 

426% Time.timeScale = 0;| 

43 
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51 In order to get the play again button to work, we will have to adjust the 
build settings. Click the File tab then Build Settings. Select the 
Scenes/SampleScene and delete it. 


File Edit Assets GameObject Component Jobs Window 


New Scene Ctrl+N 
Open Scene Ctrl+O0 
Open Recent Scene > 
Save Ctrl+S 
Save As... Ctrl+Shift+S 


Save As Scene Template... 


New Project... 

Open Project... 

Save Project 

Build And Run Ctrl+b 


Exit 


Build Settings 


Scenes/SampleScene 


Add Open Scenes 
Platform CJ Windows, Mac, Linux 


CI Windows, Mac, Linux Ls 4 arget Platforn Windows 
Architecture Intel 64-bit 
== Dedicated Server Copy PDB files 
Create Visual Studio Solution 


Development Build 


Compression Method Default 


Asset Import Overrides 
Vax Texture Size No Override 


exture Compression No Override 


Player Settings... Build , Build And Run 
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52 Once deleted, click Add Open Scenes. This will allow for the game to 
restart. 


Build Settings 
Scenes In Build 


v Scenes/SuperShapes 


Platform CJ Windows, Mac, Linux 


a 
= Windows, Mac, Linux A a arget Platforn Windows 
Architecture Intel 64-bit 
= 3 Dedicated Server Copy PDB file: 
Create Visual Studio Solution 


Development Build 


Compression Method Default 


Asset Import Overrides 
Max Texture Size No Override 


Texture Compression No Override 


Player Settings... Build v Build And Run 


53 Play your game and see what you get. Save your game and Export it. 
Submit your game. 
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Prove Yourself: Super Duper Shapes 


e 


In Super Shapes, the player would dodge through the gaps in shapes 
one at a time. Now, in the Super Duper Shapes Prove Yourself, several 
shapes come at the player at once. 
To build it, you will: 

1. Duplicate each of the 4 original prefabs. 

2. Change the shape and size of the duplicated prefabs. 


3. Change the shrink and rotation speed of the shapes so that there 
is enough room for the player to still survive. 


4. Add the new shapes to the array so they correctly spawn. 


It's up to you how these new shapes look. Try combining two shapes 
together or make harder versions of the original shapes. 
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Activity 7: PolyRun 


It's time to make another “runner” game! 


1 Open the Unity Hub application on your computer. Select the New Project 
button in the upper right-hand corner. Make sure the 2022.3 LTS version is 
being used. 


New project 


Editor Version: 2022.3.18f1 


2 Select 2D core in the Templates column. Next, type your first and last initials 
with the name of the project. For example, John Smith would save their 
project as JS-PolyRun. In the image below YN is used for "Your Name”. 
Select the folder location where you want to save your project. Click the 
Create button. 


2022.3.17f1 


All templates 


3D 


2D (URP) 


3D Mobile 


2D Mobile 
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3 As soon as Unity has loaded all the necessary assets into the program, this 
is what you'll see. Notice that we have no assets or scripts in the project. 
Let's fix that. 
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A Go to the Assets menu. Select Import Package and click Custom Package. 
Select the Activity 07 - PolyRun-starterpack UnityPackage file. Once 
loaded, Unity will show a menu of what is inside the package. 


Import Unity Package g 


New 
New 
v BeBuiltin New 


v Be Resources New 

v Žž MKGlowResources.asset New 

v Ba Editor New 
v EÀ EditorHelper.cs New 

v E EditorHelper.EditorUIContent.cs New 
= # | MinMaxRangeDrawer.cs New 


Y # MKGloweEditor.cs New 

vi E Selec tiveStandardShaderGUI.cs |New 

v Be Examples New 
Y & Materials New 

{Y AsteroidMat0.mat New 

} New 

New 

New 

New 

New 

New 

New 

New 

Rune.mat New 
Skybox.mat New 
SparksLuminance.mat New 


SparksSelective.mat New 


SISISISISISISISISISISISIS 


SpriteLuminance.mat New 


Cancel Import 


All of the material inside the Unity package should be selected. If not, click 
All to select everything, then click Import. 


Ls Even though a scene is open, there isn’t anything in the Scene or Game 
windows. This is because we start in SampleScene; we want to go into the 
Polyrun scene. Go into Scenes and click the Polyrun scene. 


oPFRPRTRRrRRE> 
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7 Next, select the Player GameObject. We need to add three components: a 
Box Collider 2D component, a Rigidbody 2D component, and... what's the 
third one? Can you figure it out? 


If you can’t figure it out, don’t worry, the answer is on step 13. 
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3 Inside the Box Collider 2D, select the Material option and then the Player 


Physics Material 2D that appears. 


[| vl Box Collider 2D 


Edit Collidet 


Material 


Edge Radius 

Layer Overrides 
Layer Override Priority 
Include Layers 


Exclude Layers 

Force Send Layers 
Force Receive Layers 
Contact Capture Layers 
Callback Layers 


Info 


Select Physics Material 2D 


None (Physics Material 2D) 


Nothing 
Nothing 


Everything 
Everything 


Everything 
Everything 


[= ~ Box Collider 2D 


Edit Collider 


Material 


Used By Effector 


Used By Composite 


Auto Tiling 


d b 


* Player 


Player 


Player 
Physics Material 2D 
ts/Physics/Player.physicsMate! 


1 0 Next, click Add Component. Type Rigidbody2D in the search box and select 
the Rigidbody 2D component. 
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a  Rigidbody 2D 


Body Type 
Material 
Simulated 

Use Auto Mass 
Wass 


Linear Drag 


Sleeping Mode 
interpolate 
Constraints 
Layer Overrides 


Info 


Dynamic 


None (Physics Material 2D) 


pe 


Start Awake 


None 


1 2 Click Constraints. Check the box next to Freeze Rotation for the Z-axis 
rotation constraints. This will stop physics from acting on its rotation, but 


still on its X and Y position. 


@:  Rigidbody 2D 
Body Type 
Material 

Simulated 

Use Auto Mass 
Wass 

Linear Drag 
Angular Drag 
Gravity Scale 
Collision Detection 
Sleeping Mode 
Interpolate 


Lonstraints 
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Dynamic 
None (Physics Material 2D) 


pe 


Discrete 
Start Awake 


None 


1 3 Click Add Component one more time. We are going to add the final 
component that was talked about in step 7. We need to add the Player 
Controls script. Did you guess correctly? 


Search for Player Controls and select the Player Controls script 


component. 


Search 


Player Controls 


M EW - : 
Player Controls 


14 Open the Player script and add the following variables: 


5g | 
6 


7 
8 


{ 


) reference 


© Unity Script | 0 references 
public class PlayerControls : MonoBehaviour 


//Jumping power for the player object 
[Header("Default Jumping Power")] 
public float jumpPower = 6f; 

//True or false if is on the ground 
[Header("Boolean isGrounded")] 

public bool isGrounded; 

//position of the object 

float posX = 0.0f; 

//rigibody2D of the object 
Rigidbody2D rb; 


1 5 Inside the void Start function, add the following: 


17 i 


18 


19 
20 
21 


- - 


// Start is called before the first frame update 
© Unity Message | Or ac 


void Start() 


//Nariable rb equals to Rigidbody2D 
//component on the object 

//this script is attached to 

rb = GetComponent<Rigidbody2D>(); 


//posX = starting position 
posX = transform.position.x;| 
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1 & Create the void FixedUpdate function. Inside the function, add the 
following: 


32 { 


33 //Only jump if we press space and if isGrounded is truel 

34 H if C(Input.GetKeyDown(KeyCode.Space) && isGrounded) 

35 

36 rb.AddForce(Vector3.up * jumpPower * rb.mass * rb.gravityScale * 20f); 
37 } 

38 } 


1 7 If you were to go back into Unity, you'll see that the isGrounded checkmark 
doesn’t change. We need to add some more code to detect if we are on the 
ground. 


1 Q Inside the Player Controls script, add a new void OnCollisionEnter2D 
function. Add the following code inside. 


® Unity Message | 0 references 
private void OnCollisionEnter2D(Collision2D collision) 


{ 


//If the object we collide with has the 
//tag Ground 

if(collision.gameObject.thg == "Ground") 
{ 


//isGrounded is set to true 
isGrounded = true; 
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20 Playtest without maximizing the scene. While the scene is playing, select 
the player object and check to see if isGrounded is checked. 


“ Player Controls (Script) 
Default Jumping Power 


Boolean isGrounded 


21 After confirming that, press the spacebar to make your player object jump. 
Then, stop the scene. 


22 Now if you make the object jump, it will continue jumping upward. To 
correct that, go back into the Player Controls script and add two more 
functions. 


First, create a function called void OnCollisionStay2D. Inside that function, 
add the following code: 


> a sage | i 
private void OnCollisionStay2D(Collision2D collision) 
{ 
//If the object we collide with has the 
//tag Ground 
if (collision.gameObject.tag == "Ground") 
{ 
//isGrounded is set to true 
isGrounded = true; 


Copyright © Code Ninjas, LLC |207 


2 The next function to create is void OnCollisionExit2D. Inside the function, 
add the following: 


®© Unity Message | O references 
private void OnCollisionExit2D(Collision2D collision) 
{ 
//If the object we collide with has the 
//tag Ground 
if (collision.gameObject.tag == "Ground") 
{ 
//isGrounded is set to true 
isGrounded = false;| 


} 


24 Playtest the scene to see if the ability to jump is working properly now. If it 
isn't working, double check the functions you just added. Make sure you are 
setting isGrounded to false in the OnCollisionExit2D function and not the 
others. 


Stop the scene. 
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26 Now that we have the moving player, let's create an obstacle for the game. 


You can create any type of obstacle you want. These steps will show you 
how. 


First, create an Empty GameObject and call it ChallengeObj. For now, we'll 
also change the position to something shown in the image. 


A PolyRun 
GD Main Camera 
w EventSysten 
Wp Player 


Cut 
Copy 
Paste 


Paste As Child 


Rename 
Duplicate 
Delete 


Select Children 
Find References in Scene 
Set as Default Parent 


Prefab 
3D Object 
© Inspector 
as €$ Chalengeðbj 
Tag 
Transform 
Position 


E] Patja 
Rotation 


Scale 


Add Component 
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27 Go into the Prefabs folder and drag the Square to the ChallengeObj. It 


should be a child of the ChallengeObj. 


This will give us our square that the player will need to jump over. Make 


sure to reset its position to x:0, y:0, and z: 0 (0,0,0). 


Ø Inspector 
~ Square 


Tag Ground 


Square 


Overrides 


Position 


Rotation 


= Hierarchy 
+ = 
MA PolyRun* 
& Main Camera 


D EventSystem 


@ ChallengeObj 
Ws Square 


ka 


| 


P Mo M 


Scene ææ Game 


[/|Pivot » @Global v 


Cut 
Copy 


Paste 


Paste As Child 


Rename 
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Delete 


Select Children 


fev i» HH 


Move the new duplicated square to the right of the original square, as 
shown below. 


We are going to repeat this step a few more times until we have our new 
object. You can make any shape, or choose one similar to the one below. 


30 Once you've created your ChallengeObj, we need to turn it into a prefab. 


Creating a Prefab is simple. Drag the ChallengeObj from the Hierarchy to 
the Prefabs folder. 
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31 Next, select the prefab you just made. We are going to be editing it a bit 
more. You should see ChallengeObj (Prefab Asset) at the top, so you 
know you are editing the prefab. 


To make the challenge object move from right to left, first click Add 
Component. Type Move in the search box and select the Move script 
component. 


Add Component 


Search 
Move 
Move Camera 


New script 


32 Open the Move script and add the following variable: 


© Unity Script (1 asset reference) | 0 references 
5 Epublic Etas Move : MonoBehaviour 
6 { 
7 [Header("Default Speed")] 
8g” || public float speed = 6; 
9 | 


16 // Update is called once per frame 
> lji t lessage | Dieter 

17 = void Update() 

{ 


//Add vector3.left (-1,0,0) to our transform, times by speed 
transform.position += Vector3.left * speed * Time.deltaTime; 


34 You'll want to spawn the ChallengeObj as multiple clones. Start by 
creating anew GameObject and renaming it to Spawner. 
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35 Select the Spawner and click Add Component. Type Spawner in the search 
box and select the Spawner script component. 


Y Spawner 


ag Untagged 


Transform 


se Position 
= Hierarchy 


++ 


Rotation 
| | Scale 
fe PolyRun* 

AO Main Camera 


fo EventSystem 


kar S paw ret 
Spawner 


E Asteroid Spawner 


New script 


36 Open the Spawner script and add the following variables: 


@ Unity Script | 0 reference 
-public class Spawner : MonoBehaviour 


t 5 
6 { 
7 [Header("Challenge0bj Game Object")] 
8 public GameObject challengeObject; 
9 [Header("Default Spawn Delay Time")] 
10 public float spawnDelay = 1f; 
11 [Header("Default Spawn Time")] 
12 public float spawnTime = 2f; 
136 


37 Inside the void Start function, add the following: 


14 
15 // Start is called before the first frame update 


Ð Unity Message | 0 referenc 
16 E void Start() 


//start the function after 
//spawnDelay (1) and Repeat the function 
//InstantiateObject every spawnTime (2) 


InvokeRepeating("InstantiateObjects", spawnDelay, spawnTime) ;| 
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38 Create a new void function called InstantiateObjects. Add the following: 


29 

30 = void InstantiateObjects() 

31 

32 Instantiate(challengeObject, transform.position, transform.rotation); 
33 


Save the script and return to Unity. 


39 Next with the Spawner still selected set the position in the inspector to 
match the values below. 


Y Spawner Static 
Tag Untagged vy Layer Default 


A Transform 


Position me 15 a -3.95 bee O 
Rotation X O Y O aS O 
Scale GQ xX 1 Y 1 ae 1 


Position Values: X:15, Y: -3.95, Z:0 


A With the Spawner selected, search and select the ChallengeObj game 
object from the Assets in the Spawner Script component or drag it from 
the prefabs folder into the slot. 
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42 Play the game. During game play, alter the Spawn time to adjust how fast 
you want the objects to spawn. If you are satisfied with the current 
settings, change the spawn time when you stop the game. 


44 You may have noticed that the player object gets pushed to the side if it 
doesn’t jump onto the platform in time. To fix this, you will need to add to 
both the Player and the Spawn Controller scripts. 


Open the PlayerControls script first. Create a new void GameOver 
function, add the following: 


17 

18 // Start is called before the first frame update 
@ Unity Message | 0 references 

19 B void Start() 

20 { 

21 //Nariable rb equals to Rigidbody2D 

22 //component on the object 

23 //this script is attached to 

24 rb = GetComponent<Rigidbody2D>(); 

25 

26 //posX = starting position 

27 posX = transform.position.x; 

28 

: 

30 | } 

31 | 

32 //The function to call when we GameOver 

33 = void GameOver() 

34 { 

35 Time.timeScale = 0; 


36 | } 


We also need to reset our TimeScale, so add a small line on Start to reset 
it back to 1. Otherwise, our game will stay paused! 
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38 


39 // Update is called once per frame 
@ Unity Message | 0 references 
40 E void Update() 
41 { 
42 //Only jump if we press space and if isGrounded is true 
43 E if (Input.GetKeyDown(KeyCode.Space) && isGrounded) 
44 
45 rb.AddForce(Vector3.up * jumpPower * rb.mass * rb.gravityScale * 20f); 
46 ||| } 
47 
48 //If the player position is 
49 //less than where it started| 
50 a if(transform.position.x < posX) 
51 { 
52 //Execute Gameover function 
53 GameOver(); 
54 } 
55 
56 


Save the script and return to Unity. 


48 To add more objects to the ChallengeObj, go into the Prefabs folder. 
Double-click the ChallengeObj to open the prefab. You'll see the Scene 
window turn blue as this is where you would edit the prefab. 
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AY In the prefab folder, drag the coin prefab and 2 enemy prefabs into the 
scene and place the objects according to the image below. 
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50 Click the arrow next to the prefab name to go back to the regular scene. 
The prefab will save automatically. 


= Hierarchy 
+ + 
ChallengeOb| 


EA ChallengeObj 


51 Go back to the PlayerControls script. Inside the void OnCollisionEnter2D 
function, add the following: 


57 = private void OnCollisionEnter2D(Collision2D collision) 
58 { 

59 //If the object we collide with has the 

60 //tag Ground 

61 = if(collision.gameObject.tag == "Ground") 

62 { 

63 //isGrounded is set to true 

64 isGrounded = true; 

65 | } 


if(collision.gameObject.tag == "Enemy") 
{ 
GameOver();| 


} 


private void OnTriggerEnter2D(Collider2D collision) 
{ 
if(collision.tag == "Coin") 
{ 
Destroy(collision.gameObject) ;| 
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Once back in Unity, play the scene. Collect the coins and try not to touch 
the enemies! 


55 At this point, you'll want to destroy the challenge objects that are still 
active off screen. You can destroy these objects by using a Destroyer 
script. Select the ChallengeObj in the prefab folder, select Add 
Component. Type Destroy in the search box and select the Destroy After 
Time script. 


v ChallengeObj 
1q Untagged 
Transform 
‘osition 
‘otation 


v Move (Script) 


Default Speed 


6 


Add Component 


search 
@ Destroy After Time 
E Destroy Ope Destroy After Time 
New script 


56 Open the Destroyer script and add the following variable: 


© Unity Script (1 asset reference) | 0 references 
5 =|public class DestroyAfterTime : MonoBehaviour 
6 Jí 
7 [Header("Destruction Time")] 
8 public float timeToDestruction = 6; 
9 
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H 


// Start is called before the first frame update 
®© Unity Message | O references 


void Start() 


{ 
Invoke("DestroyObject", timeToDestruction); 


} 


15 
0 references 
16 H void DestroyObject() 
17 { 
18% Destroy(gameObject); 


59 Play the game. Look at the Hierarchy, you should see the objects being 


destroyed. 
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61 Like the other games, it’s time to add scoring and a Game Over panel. Drag 
the GameController and MainGameCanvas to the Hierarchy. 


62 Now, open the PlayerControls script. Inside the OnTriggerEnter2D 
function, add the following: 


95 = private void OnTriggerEnter2D(Collider2D collision) 
97 = if(collision.tag == "Coin") 


99 //Find the game controller and add to our score 
100 GameObject.Find("GameController") .GetComponent<GameController>() .IncrementScore(); 


102 Destroy(collision.gameObject); 


63 Inside the void Game Over function, delete the old GameOver function call. 
Then, add the following: 


32 //The function to call when we GameOver 

33 =] void GameOver() 

34 { 

358 GameObject.Find("GameController") .GetComponent<GameControLller>().GameOver(); 
36 

37 //GameOver() 

38 } 

39 


Save the script and return to Unity. 


Copyright © Code Ninjas, LLC ]221 


64 Select the GameController object. In the script components, in the 
GameOverPanel input field, search and select the GameOverPanel object 
in your Hierarchy. (You can also drag it into the slot from the Hierarchy). 


In the same script component, we need to do the same for the Score Text 
input field, search and select ScoreText from the scene panel. (Or drag 
from the Hierarchy). 


65 Play the scene. You'll see that if the player touches the coin the score 
counter shown above will add 1 to the score. If the player moves from its 
position on the X-axis or touches the enemy, the GameOverCanvas will 
appear to show the final score. There will also be a button to restart the 
game. 


222|Code Ninjas Purple Belt v3.1 


66 In order to get the play again button to work, we will have to adjust the 
build settings. Click the File tab then Build Settings. Select the 
Scenes/SampleScene and delete it. 


Build Settings 
Scenes In Build 


v Scenes/SampleScene 


Add Open Scenes 


Platform CJ Windows, Mac, Linux 
ES 


= Windows, Mac, Linux a] arget Platfori Windows 
Architecture Intel 64-bit 
== Dedicated Server Copy PDB file: 
eate Visual Studio Solution 


Development Build 


Default 


Asset Import Overrides 
Max Texture Size No Override 


eyture C acely o Overri pa : i lob A ~ 
exture Compression No Override Learn about Unity Build Automation 


Player Settings... Build v Build And Run 
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67 Once deleted, click Add Open Scenes. This will allow for the game to 
restart. 


Build Settings 
Scenes In Build 


v Scenes/PolyRun 


Platform CJ Windows, Mac, Linux 
GJ Windows, Mac, Linux A Target Platforn Windows 
Architecture Intel 64-bit 
an Dedicated Server Copy PDB files 
Create Visual Studio Solution 


Development Build 


Default 


Asset Import Overrides 
Max Texture Size No Override 


Texture Compression No Override 


Player Settings... Build v Build And Run 


68 Play your game and see what you get. Now is the time to change the 


settings. Maybe you need a more powerful jump? Or maybe the spawning 


is too quick? 


When you are ready, save your game and export it. Then, Submit your 
game. 
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Prove Yourself: PolyRun v2 


You've built one obstacle out of blocks in PolyRun, but can you build 
another on your own? 


In the PolyRun v2 Prove Yourself, you will do the following: 


1. Using the same method that you did to build the original obstacle, 
add another obstacle before or after the original as shown above. 


2. You will need to give this object its own new spawn delay and timer 


or adjust the coordinates of the new obstacle. There are a few ways to 
do this one, which way will you choose? 
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LIGHTING 


Everything that we see in the world is from light that is either produced 
by or reflected by the objects around us. Without light, there is nothing 
to see. The same is true with Unity. There needs to be at least one light 
in the scene, or the camera has nothing to show you. Every new scene 
that you create has exactly one camera and one light by default. If you 
disable or delete that light (go ahead, try it), then there is blackness. 
Needless to say, Unity provides many different options when it comes 
to lighting, but for now, we will just concentrate on what can be done 
with the default light. 


Image Source: 
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Advanced Animation and User Interface 


Thus far, we have been covering the essential elements of Unity, 
basically how to get things to do what you want them to do, when you 
want them to. But that’s only part of making your own game. These 
next few activities will be covering small steps that add style to a game. 


A good game needs to be easy to use (even if it’s hard to win!). The 
User Interface is perhaps the most important part of a game. It shows 
the user what's going on in the game and lets them know what they 
need to do next. 


© 
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Communicating Through the User Interface 


Many of the previous activities have objects that only serve the purpose 
of giving information to the player. The most basic information is 
feedback that tells the player how well they're doing, usually with some 
sort of score text. Other useful information is what to do next - such as 
“press any key to continue.” Playing a game without instructions can be 
confusing, which isn’t very fun. 


Make It Clear 


Elements of the User Interface (UI) need to be extremely easy to 
understand. Information that is difficult to read is not very useful. Use 
bold text and contrasting colors so that the interface stands out. 


CHE FER 


Press Ry Key To Play Again 


In this example, the color is important. Bright colors on bright 
backgrounds create a clash. We want colors that stand out and don't try 
to hide within the other colors of our background. 
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Keep It Simple 


O Č 


CAME OVER 


B © Press Any Key To Play Again 


Complicated graphics and decorative fonts may give the user interface 
a special look, but if the user must spend too much time looking for 
important information, they may spend less time focusing on the game. 
Make sure the information is specific and timely throughout a game. 


Make It Attractive 


Along with UI, you will often hear about User Experience (UX). The User 
Experience is how the user feels about using the product. Your goal is 
to give them a good experience. Ul and UX go hand in hand. A good 
user interface is the cornerstone of a good user experience. As with the 
UI, keep it simple, clean, and easy to understand. 
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Activity 8: Dropping Bombs Part 2 


As promised, this section and the next are devoted to taking the rather 
simple Dropping Bombs game from the beginning of the book and 
giving it a good update to make it look like a professional game. You 
may either start with your files from that activity or open up Unity and 
create a new 3D project, giving it a name like JS-DroppingBombs2. 


1 If you are starting with a new project, go to the Assets tab, select Import 
Package, and click on Custom Package. Go to the folder with all your Purple 
Belt files and select Activity 01 - MyDroppingBombsPart1.unitypackage. 


File Edit Assets GameObject Component Services Window Help 
Create > 
Show in Explorer 

Open 

Delete 

Rename 


Copy Path Alt+ Ctrl+C 
Open Scene Additive 
View in Package Manager 


Import New Asset... 


Custom Package... 
Export Package... 
Find References In Scene 


Select Dependencies 
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If the Hierarchy seems empty, go over to the Scenes folder, and select 
DroppingBombs (or whatever your Scene was named). Just as with the 
original Dropping Bombs game, we will be using the 2D camera to edit our 
scene. Select the Main Camera GameObject in the Hierarchy panel and 
change the Projection from Perspective to Orthographic as shown below. 


© Inspector 


ae ~“ Main Camera 
"F 


ag MainCamera 

# Transform 

Position 

Rotation 

Scale 

Si v Camera 

Clear Flags Skybox 

Background 

Culling Mask Everything 

Projection Orthographic 

Size 5 

Clipping Planes Near 0.3 
Fat 1000 

Viewport Rect x O 


LAS ] 
wh 
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4 


The first thing you'll want to do is replace the cube and sphere in the game. 
Go back to the Assets tab and select Import Package, then select Custom 
Package. This time, select and load Activity 08 - RedRocket.unitypackage. 


File Edit Assets GameObject Component Services Window Help 
Create > 
Show in Explorer 

Open 

Delete 

Rename 


Copy Path Alt+Ctrl+C 
Open Scene Additive 


View in Package Manager 


ee 


Import New Asset... 
Import Package > Custom Package... 
Export Package... 


Find References In Scene 


To verify that the new assets are loaded, go to the Project panel and select 
the Prefabs folder to see the Rocket assets. 


* Favorites Assets > Prefabs 
© All Modified 

2 All Conflicts 
2 All Excluded 
2 All Materials 
G All Models 


D All Prefabs 


W Assets 
ie Artwork 
ie Materials 
Be vodels 
ie Prefabs 
la Resources 
Be Icons 


i Packages 
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5 To replace the cube with the Rocket, hold down the Alt key while you're 
dragging the Rocket prefab over to the cube object in the Hierarchy. The 
rocket will copy all the scripts on the cube. However, we still see the cube, 
so we will need to remove it. 
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To remove the old cube, right click on the Rocket and select Clear Parent. 
This will remove our rocket from the parent but will still leave the cube. 


6 


After that, select the cube and delete it. 


Just like with the rocket, we'll need to do the same for the bombs. 


Remove the extra bombs in the Hierarchy by highlighting them and deleting 


Paste As Child 


Rename 
Duplicate 
Delete 


Select Children 

Find References in Scene 
Set as Default Parent 
Prefab 


Create Empty 
Create Empty Parent 
3D Object 


UI Toolkit 


Camera 


Visual Scripting Scene Variables 


Move To View 

Align With View 

Align View to Selected 
Toggle Active State 


Properties... 


them. You should be left with one bomb. 


Hierarchy 


+- + 


FA DroppingBombs* 


fo Main Camera 
CO Directional Light 


tol Bomb 

CO Bomb (1) 
CD Bomb (2) 
CO Bomb (3) 
Go Bomb (4) 
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Before we can work on our bomb, we'll need to change how they look. We'll 
start by importing some assets. Instead of importing a Package, we want to 
import Assets. 


Import the Activity 08 - Skull.png, Activity 08 - SkyGradient.png, and 
Activity 08 - clouds.png files from the purple belt assets folder into your 
Artwork folder. 


pping DUW £ 24 2 - VIuppiniyourtus - VINUUWS, VIOL, LINUX - UINLY cuce.2.1/ 
‘dit Assets | GameObject Component Services Window Help 

Create > 
Show in Explorer 

Open 

Delete 

Rename 


Copy Path Alt+ Ctrl+C 
Open Scene Additive 
View in Package Manager 


Import Package > 
Export Package... 
Find References In Scene 


Select Dependencies 


With the new imported assets, drag the Skull texture from the Artwork 
folder onto the Bomb GameObject in the Hierarchy to give it a new look. 
This will automatically create a new Material and give it to your bomb. 


To make sure you can see the skull, rotate the GameObject by 90 on the 
Y axis. 
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1 0 Drag the Bomb Gameobject from the Hierarchy to the Prefabs folder, 
making it into a Prefab. Now any changes you make to the Bomb prefab will 
automatically get added to any bombs in the Hierarchy 


Don't panic if some of the scripts attached to your GameObjects have 
vanished! We'll put them back in the next step. 
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If any scripts get lost while replacing the objects, just drag them back into 
the GameObject Prefabs and use the settings below (The Teleport script 


goes on the Bomb while the other three go on the Rocket). Once complete, 


try playing the game! 


O Inspector 
P ~ Rocket 
mia 

Taq 


Rocket 06 (Mesh Filter) 
* Mesh Renderer 
‘ Animator 
‘ Capsule Collider 


t Movement (Script) 


Movement 
ad 10 
fovement Type 


Platform Movement 
Platform Settings 


+ ~ Boundaries (Script) 


Reset (Script) 


"an RocketsP 


Shader Standard 


¥ 


alletteRed (Material) 


Layer Default 


All Directions 


Hoi th a 


i 


© Inspector 


fv Bomb 


Tag Bomb Layer Default 


A Transform 


Position 
Rotation 
Scale 
Sphere (Mesh Filter) 
© Y Mesh Renderer 
@ v Sphere Collider 


Edit Collider 


None (Physic Material) 


x U 
0.5 
Layer Overrides 
4 Rigidbody 
Mass 
Drag 
Angular Drag 
Automatic Center Of Mass 
Automatic Tensor 
Use Gravity 
Is Kinematic 
Interpolate None 
Collision Detectio Discrete 
Constraints 


Layer Overrides 


fa v Teleport (Script) 


Standard 
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To make this game more interesting, we are going to add some animations 
to make the rocket more realistic. First, create a folder just for animations. 
In the Projects panel, select the Assets folder, right-click to create a new 
folder and call it “Animation”. 


12 


13 


E E piki E E E 


To edit animations, we need to open the Animation Window. 
There are two windows, but for now, we want the one called Animation. 
Click the Windows tab and select Animation, then select Animation again. 


ent Services Window Help 


Panels 

Next Window Ctri+ Tab 
Previous Window Ctrl+ Shift+ Tab 
Layouts 


Unity Version Control 
Search > 


Asset Store 
Package Manager 


Text 
TextMeshPro 


General 


Rendering 


Animator 


Asset Management 
Ul Toolkit 
Visual Scripting 
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Animator Parameter 


14 This has opened the Animation panel. This panel should appear in the 
middle of everything! If you need some more space, you can move it around 
or add it to another panel. 


By dragging the Animation tab in the Animation panel and dragging it 
around, you can see how it interacts and fits into various places. Find the 
one that is most comfortable for you. Let's place it with the Click the 
Windows tab and select Animation, then select Animation again.panel since 
we won't be needing that. 
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1 5 Make sure you select the Rocket in the Hierarchy and click the Animation 


tab. Since you don't have any animations attached to the Rocket, you will 
be asked to create one. Click the Create button. 


1 6 This opens the Create New Animation window. Open the Animation folder 


that you just made - we'll be putting all the animations in there. Give it a 
name like Rocketldle and click save. 


© Create New Animation 


e v 4 [E> ThisPC > Data(D:) > Unity > Dropping Bombs2345 > Assets 
Organise v New folder 

@ OneDrive - Persor Name Date modified Type 
ME This PC Animation 


B Artwork 
@ 3D Objects 


22/01/2024 22:17 

22/( File folder 
B Materials 2 

Ml Desktop 


File folder 
File folder 

BB Models 

B Documents 


File folder 
B Prefabs 
4 Downloads 


File folder 
Resources File folder 
D Music BB Scenes File folder 
E Pictures Scripts 22/0 1:54 File folder 
= Videos 
$ Windows (C:) 


a Data (D:) 


= Network 


File name: | Rocketldle 


Save as type: | anim 


A Hide Folders 
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17 


Now the Animation panel is ready for you to begin creating an animation 
for your rocket. Look at the control panel in the upper left. These let you 
record and play your animation to make sure it looks right. It also lets you 
know what animation you're currently working on and gives you the means 
to add additional animation to the object. 


Always make sure you are on the correct animation when editing! 


Add Property 


In the Animation panel, click Add Property. This opens a window of all the 
possible properties in the GameObject that you can modify to create an 
animation. Most Often, animations are applied to an object's Transform 
component (Position, Rotation and/or scale). In this case, we want to edit 
the Rotation, so select that and click the plus symbol (+) on the right to add 
that property to the panel. 


Ba Pro 


Previey 
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1 Q This will add two diamonds, these are Keyframes to our animation 
Timeline. One at 0:00 and one at 1:00. This refers to the amount of time in 
seconds. So, our Keyframes are happening over 1 second. The Timeline 
refers to the area in which we will be placing the Keyframes and creating 
the animation. 


20 Currently, we see one major keyframe for the whole component, but by 
clicking the little arrow on the left, next to the rotation, we can expand it 
and see 3 new keyframes one for the X, Y and Z rotation. 


For our first animation, we don't need the keyframes at the 1:00 mark. 
Select the top parent keyframe and press the delete key. You will be left 
with only the keyframes at the 0:00 second mark, meaning this animation 
only happens for 1 frame. 
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21 That's it for our first animation! The final thing is to make sure the numbers 
in your keyframes are set to 0, 0, 0. Since this is our idle rocket, it will be set 
to a rotation of 0, O0, 0. 


Bs Project B Console © Animation 
t `; TY T r PPT 


Rocketidle ki 


Add Property 


22 Now to create animations for the rocket moving left and right. In the upper 
left corner of the animation panel, click on the name of the current selected 
animation. This will open a tiny menu that shows all animations of the 
current selected GameObject. Select Create a New Clip. 


Bs Project B Console © Animation 
Preview @) ida d4 P pi p>» 


20cketldle = 


{v Rocketldle 


Add Property 
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23 Make sure that you're in the Animation folder and give your new 
animations a descriptive name, like FlyLeft. 


© Create New Animation 
+t P This PC Data (D:) Unity Dropping Bombs 2345 Assets 
New folder 
Name 


fh Rocketldle.anim 


Save as type: | anim 


A Hide Folders 


24 Repeat Steps 18 and 19 above to add in the Rockets Transform component 
and delete the extra Keyframes at the end, as you did with the first 
animation. 
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Once you've set up your single keyframe for the FlyLeft animation, we can 
start making the rocket fly to the left. To do so, select the rotation Z keyframe 
and type in the number 20, giving it a rotation of that value. 


If you don’t see the rocket change right away, make sure the Preview button in 
the top left is selected. 


Console 


v 


Add Property 


When you are done, we can repeat the above steps but for a third animation 
called FlyRight. 


You'll need to Add a New Clip, add the rotation value, and remove the extra 
keyframes before changing the Z value to -20. 


Be Project B Console © Animation 


Add Property 
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27 Now we have Three Animations: one for leaning left, one for leaning right, and 
one for the middle. The next step is to let Unity know when each animation 
needs to be used. For that, we need the Animator panel (not to be confused 
with the Animation panel we just used). To do this, click Window, select 
Animation, then select Animator to load it. 


File Edit Assets GameObject Component Services Window Help 


Gereral 


28 Just like with the other panels, you can move the Animator panel around until 
you find a place that feels comfortable. Just like before, placing it down by the 
project and the animation tab works well. 


This tab may look confusing, but it’s actually very simple. The rectangles are 
the states of animation that we just made. The green one is the Entry state for 
when the game starts, and the orange one is the default state. Currently, our 
default state is the one we made first, Rocketldle. This means our first 
animation will be Rocketldle, when the game loads. 


There can only be one default animation state for each object, but any 
animation in an object can be designated as the default animation state. 
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29 We can connect the Animator to a script, so the script can tell the animator 
which animation it should play. For our rocket prefab, all we need is a single 
parameter. Click the Parameters tab and add a new parameter by clicking the 
plus (+) symbol then Float. This Parameter will be a floating-point number 
(meaning it can be a decimal number). 


30 After the float appears, rename it HAxis (meaning Horizontal Axis). This 
parameter will tell the Animator whether the player is moving to the left or 
right. Change the value of HAxis to -1. 


31 You can create links between animation states (like going from Entry to 
Rocketldle), but there is an easier way. Right-click on the orange default 
animation (Rocketldle) and select Create New BlendTree In State. 
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It will look as if nothing has happened, but it has! Double-click the default 
animation (Rocket Idle) to open the Blend Tree that you just created. 


33 Once in the Blend Tree, right click the center node and click Add Motion. 


This will create an option in the top right that will allow us to select our 
animations, but before that, let’s create 2 more. 


Blend Tree Add Motion 


Add Blend Tree 


Ø Inspector 
Fy | fie | ELE 
ena Be 
ada Blend Tree 
Blend Type 
Parameter 
Motion Threshold 


‘None (Motion) ®| 


© Inspector 


B end T A 
acs Blend Tree 
B , 

Blend Type 


Parameter 
Motion 
None (Motion) 


4. 


Add Motion Field 
New Blend Tree 
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34 Once we have our 3 Motions, we can click the little dots to select what 
animation will go in them. The top one should be FlyLeft, the middle should be 
Rocketldle, and the bottom should be FlyRight. 


Ø Inspector 
i] y I Tp 

ada Blend Tree 

T — 
Blend Type 1D 


Parameter HAxIS 


Motion Threshold 
None (Motion) 
None (Motion) 


None (Motion) 


Automate Thresholds 


e Using a Blend Tree 


Most animation in Unity can be handled with a simple transition from one 
animation to the next. For instance, the avatar in Scavenger Hunt has separate 
falling and landing animations. We don’t know how long the avatar will be 
falling, but when it lands, Unity can smoothly transition from the falling to the 
landing animation. 


When there are more than two animations, handling the transitions can 
become a bit more complicated. That's where Blend Trees come in handy. 
With the Rocket, there were three animations. The Blend Tree determines 

which animation to use based on the data it’s receiving - in this case, the data 
is the player input and the ship animation plays based on Left or Right input. 


While our animations may be single frame animations, we can use a Blend 


Tree to easily transition between them. It can also handle transitions from 
multiple inputs, such as from moving to the right to moving straight up. 


Copyright © Code Ninjas, LLC |249 


35 Once you've added the three animations, make sure to uncheck Automate 
Thresholds so that we can change the values. The Thresholds tell Unity 
what animation to play based on what number HAxis is equal to. FlyLeft 
should have a Threshold of -1, Rocketldle 0.5, and FlyRight 1. 


® Inspector 


= — Blend Tree 


z Blend Type 


Parametet 


FlyLeft 
Rocketldle 


Fly Right 


Compute Thresholds 


Adjust Time Scale 
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36 Once you've done that. You can preview the animation. Drag the slider in 
the Blend Tree and see the animation move! Just like that! The blend tree 
smoothly transitions between animations. 


Blend Tree 


~ 


0:00 (000.0%) Frame 0 
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37 With the animations done, we can create a script to allow the Rocket and 
Animator to communicate with each other. In the Project panel, select the 
Scripts folder and create a new C# script. Call it RocketAnimation. Double- 
click on the new script to open the C# Editor. 


SOgaf 


f 
Fav 
\ All 
a Ass 
Be Ani 
Ba 
Be Mo 
be 
"I 
mi 
ts 
iss] 
Pack 


38 Each new C# script has some basic code already. We need to add into it to 
give instructions on what we want the script to do. For these next steps, 
try to follow along on your own, but if you get stuck, there will be an image 
to check to see if you got it correct. 


i sing System.Collections; 

2 using System.CoLlections.Generic: 
3 using UnityEngine; 

4 


5 -public class RocketAnimation : MonoBehaviour 
6 { 
7 // Start is called before the first frame update 
8 4 void Start 
9 { 
10 
11 } 
12 
13 // Update is called once per frame 
14 void Update() 
15 { 
16 
17 } 
18 } 
39 We want our variables to be put before the void Start function. In this case, 


we are creating a reference to the animator component. This variable will 
be public so that you can see it in the inspector. For this variable, we have 
given it the type of Animator, and the name animator. 
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When the script starts, assign a component to the animator variable. In C# 
we use GetComponent<>() with Animator as the component to retrieve. 


We need to change the Update function to FixedUpdate. While Update is 
called once per frame, FixedUpdate can be called several times per frame, 
making it ideal for situations where force or other physics-related functions 
are applied. In a game like this, it's not necessary, but it can help smooth 
things out. 


Next, we declare a float variable named horizontal and set it to be equal to 
Input.GetAxis(“Horizontal”) - in other words, when the user moves left or 


right, that becomes our floating variable, horizontal. 


Finally, tell the animator (which we set up above) that the floating variable 
HAxis should be equal to horizontal. 


Then save the script by hitting Ctrl+S and return to Unity. 


5d Assembly-CSharp id oy RocketAnimation 


1 =]Jusing System.Collections; 
2 using System.Collections.Generic; 
3 _using UnityEngine; 
4 
® Unity Script | 0 
ot 5 =\public class RocketAnimation : MonoBehaviour 
6 { 
7 
8 [Header("Animator")] 
9 public Animator animator; 
10 
11 /T Start is called before the first frame update 
) reference 
12 =| void anO. 
13 { 
u | animator = GetComponent<Animator>(); 
15 | } 
16 
17 // F*xecupeste is eared several times per frame| 
18 -] sola ‘Fixedupdate() 
19 
20 //Get Axis Horizontal gets the Left and Right movement 
21 //Which is a number from -1 to 1 
22 float horizontal = Input.GetAxis("Horizontal"); 
23 
24 animator.SetFloat("HAxis", horizontal); 
25 } 
26 } 
27 
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42 Once back in Unity, attach the RocketAnimation script to the rocket 
Prefab. Since we are using GetComponent<>() in our code, we don't need 
to do anything else. You can enter play mode and see the animation work. 
You can also see the Animator variable we made in the inspector find the 
animation on the Rocket. 


43 Once you've playtested your game, you should notice the rocket leans left 
and right as it flies. There's still more we can do to make it feel like it's 


flying. 


When you are finished testing, stop the game by clicking the Play arrow 
again. 
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AA Where do rockets fly? In the sky, of course! Before we can add a sky, we 
need a place to put it. Right-click on the Hierarchy and select 3D Object, 
then select Quad. 


Hierarchy 


M DroppingBombs* 
M Main Camera 
2 Directional Light 
We Bomb 

| Wp Rocket 


Cut 
Copy 
Paste 


Paste As Child 


Rename 
Duplicate 


Delete 

Select Children 

Find References in Scene 
Set as Default Parent 


Create Empty 

3D Object Cube 
Effects Sphere 
Light Capsule 
Audio Cylinder 
Video Plane 

Ul Quad 


UI Toolkit Text - TextMeshPro 


Camera L 
egacy 


Visual Scripting Scene Variables 
Ragdoll... 
Terrain 
Tree 
Wind Zone 


45 Make sure the new Quad is in the middle of the scene at X:0, Y:0, and set 
the Z:10. Resize the Quad so it fits the white outline of the camera from as 
seen in the image below. 
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Rename the Quad to Sky. Drag the SkyGradient texture from the Artwork 
folder onto the Sky GameObject. In the Mesh Renderer component, 
change Cast Shadows to Off and make sure that Receive Shadows in the 
Mesh Renderer is unchecked. 


VEE GRRRee, 


30 Untagged Layer Default 


P Transform 


Position 


Quad (Mesh Filter) 


aa v Mesh Renderer 
Materials 
Lighting 


Contribute Global Illuminat 


Probes 


Additional Settings 
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47 Press Ctrl+D to duplicate the Sky GameObject and rename the new object 


Clouds. We want the clouds in front of the sky, so change the Z value of 
Clouds to 5. 


= Hierarchy 
+r «& 
fF DroppingBombs* 


fo Main Camera 


A Directional Light 


FA Clouds 


© Inspector 
a v Clouds 
wel 

n Transform 
Position 
Rotation 


Scale 


Quad 


‘ Mesh Renderer 
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A8 Drag the clouds texture from the Artwork folder onto the Clouds 
GameObject. In the Inspector panel, find the Mesh Renderer component and 
set Cast Shadows to Off. Then, go to the clouds Shader and change the 
Rendering Mode to Transparent. If you can't see this option, click the arrow 
on the material to reveal all the material options. 


AY With the Clouds GameObject still selected, click the Animation tab and 
select Create to make an animation for the clouds. 


258|Code Ninjas Purple Belt v3.1 


50 Make sure that the new animation is in the Animation folder and name it 


Clouds. 


© Create New Animation 


€e ~v This PC Data (D:) Unity 


Organise v New folder 


OneDrive - Persor 


B Documents 
Downloads 
Music 


EJ Pictures 


em Data (D:) 


a Network 


File name: | Clouds 


Save as type: | anim 


A Hide Folders 


Name 


B FlyLeft.anim 
ght.anim 


a Rocketldle.anim 


Dropping Bombs 2345 


Assets Animation 
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Just as you did with the Rocket animation, click on Add Property. This time, 
you'll animate the cloud texture which is part of the Mesh Renderer. 


Expanding the Mesh Renderer shows other properties that can be animated. 
We want Material_Main_Tex_ST. Click the plus (+) symbol to add it to the 
Animation panel. 


Preview @ 4 I4 P> DI >» 
Clouds 
Add Property t Transform 
Quad (Mesh Filter) 


S Mesh Renderer 


S Mesh Renderer.Material Reference[0] 

5 Mesh Renderer.Material_Bump Map_HDR 

S Mesh Renderer.Material_Bump Map_ST 

5 Mesh Renderer.Material_Bump Map_Texel Size 
Mesh Renderer.Material__Bump Scale 

5 Mesh Renderer.Material._Color 

Mesh Renderer.Material.Cuto 

i Mesh Renderer.Material_Detail Albedo Map_HDR 


S Mesh Renderer.Material.Detail Alt Aap_S1 
Mesh Renderer.Material_Detail Alt ap_Texel Size 


5 Mesh Renderer.Material_Detail Mask_HDR 


int PNVaenitl RA le or 


-+++++++++++ 


Dopesheet 


insole © Animation > Animator 
@ i 14 P Dl opp 


v 


b 


Add Property H Mesh Renderer.Material._Detail Normal Map_! 
S Mesh Renderer.Material._Detail Normal Mi 
S Mesh Renderer.Material._Dst Blend 
5 Mesh Renderer.Material._Emi Solor 
o Mesh Renderer.Material._Emission Map_HDR 
aterial._Emi 
terial._Emi 
S Mesh Renderer.Materia 


5 Mesh Renderer.Materiz 


++++++++++ 


© Mesh Renderer.Materii 


sh Renderer.Material._Metallic 
Mesh Renderer.Material.__Metallic Gloss Map_HDR 
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52 As with the Rocket animations, the length of the animation is 1 second long 
by default. Let's make it half that length. Click the top key frame diamond at 
the 1 second position and drag it over to the 0:30 second position as shown. 


53 The animation timeline has a vertical white line (known as the Playback 
Head) at the 0 position. This line indicates where in the timeline that you're 
making your changes. For the clouds, we want to make our change at the 
very end of the timeline, at the 0:30 second position. Drag the white line 
over to that end of the timeline. 


oject B Console © Animation 
Preview @ 4 I4 > >i ppl 1 
s v > % P 


You can also use the preview controls to send the playback head to the 
previous or next keyframe. 


Be Project BS Console © Animation 
Preview @ M4 lq > bhl 0 


Clouds ¥ +, 
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54 Make sure that you're at 0:30 in the timeline as shown below. Of the four 
properties, the only one that's being changed is Material_Main_Tex_ST.w. 
This controls the vertical offset property of the texture. Change it to 1. 


55 Click the black “play” arrow in the Animation Preview panel to check your 
animation. From 0:00 to 0:30, Unity is gradually changing the offset value 
from 0 to 1 and making it look like the clouds are moving. 


If it looks like the clouds aren't moving smoothly, there's a fix for that in the 
next few steps. 
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If the clouds look like they're lurching (speeding up and slowing down over 
and over again), it's because Unity Animation has automatically added 
“easing.” Instead of a straight line from the beginning to end, the animation 
is acurve. To fix this, click Curves in the Animation panel. 


ec B Console © Animation >» Animator 
review @ M4 I4 > DI » 27 


Add Property 


57 


This view is a diagram showing how the properties change as the animation 
plays. Select all of the points in the diagram by dragging a rectangle around 
them as shown. 


Add Property 
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58 With all of the points selected, right-click on one of the points on the right 
side to open the menu shown below. Click Both Tangents and select Linear. 
This changes the animation from a curve to a straight line. 


59 Now play your game. It should look like the rocket is flying higher and higher. 
However, the game doesn't have scoring and the way it resets is rather 
abrupt. We will tackle that in the next activity. 


E 
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Activity 9: Dropping Bombs Part 3 


Now that you've updated the objects in the game, you can add scoring 
and other elements of the User Interface. To do that, you'll need to 
make a few changes to the game itself so that it doesn’t start until the 
player is ready for it to start. 


1 Before making additional changes to your project, let's make a backup of the 
entire game. In the Projects panel, make sure that the Assets folder is 
selected. Then click the Assets tab at the top of the screen and select 
Export Package. Make sure all assets are selected before clicking on the 
Export button. Give the package a name like JS-DroppingBombsPart2. 


Exporting package 


File Edit Assets GameObject Component 


Import New Asset... 
Import Package > 


Export Package... 


20C a 
* skull.png 
Find References In Scene 5 


Select Dependencies 
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Refresh 


Reimport 
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Generate Lighting Ctrl+Shift+L 
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View in Import Activity Window "m 


Properties... v Include dependencies Export... 
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2 To set the game to start only when the player wants it to, we have to be 
able to control the objects in the game itself. That means having the game 
create and destroy the objects. Let's start with the bombs. 


In the previous activity, the Bomb GameObject was made into a Prefab. We 
can delete any extra Bomb objects in the Hierarchy without affecting the 
object in the Prefabs folder. If you have any Bombs in the Hierarchy from 
testing, select all of the them and delete them. 


= Hierarchy 
+ ¥ 
Ff! DroppingBombs 
fo Main Camera 
Go Directional Light 
ae Bomb 
Ge Bomb (1) 
Ge Bomb (2) 
Ge Bomb (3) 
Ge Rocket 
Go Sky 


fo Clouds 


3 The dropping bombs no longer need to teleport back to the top of the 
scene. Open the Prefabs folder and select the Bomb Prefab. In the 
Inspector, find the Teleport script and remove it by clicking the three dots in 
the right corner and selecting Remove Component. 
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A Now a GameObject can be created to automatically spawn the Bombs in 
the game. Right-click in the Hierarchy and select Create Empty. Rename 
this new empty object as Spawner. 


M DroppingBombs 


v Main Camera 


Q) Directional Light 


Cut 
Copy 
Paste 
Paste As Child 
Rename 
Duplicate 
Delete 


Select Children 


Find References in Scene 


Set as Default Parent 


3D Object > 
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All the Spawner GameObject will do is hold the script that spawns the 
bombs. Click Add Component in the inspector panel and search for 
Spawner. The script currently doesn’t exist, so click New Script, Create, and 
Add. 
O Inspector 
Tag Layer Default 

z Transform 

Position 

Rotation 


Scale 


Add Component 


Search 


New script 


Unity might place your new script in the Assets folder instead of the Scripts 
folder. If it does, just drag the script into the Scripts folder. 


Double-click the Spawner script to open it up in the script editor. The next 
few steps will guide you through how to create this script and the image on 
step 10 will show you how it is meant to look. Try to follow the steps before 
looking at the image below. 


First, we need a variable. Create a Public variable with the type GameObject 
and name it bombPrefab. 


The next variable is the default setting for how often the spawner makes a 
new object. This also needs to be public. The type is float and the name 
should be delay. Set it to equal to 2.0f. 


We need a variable to let us know if the Spawner is active or not. Again, 
make this a public variable. The type is bool since it will only be true or false. 
Name it active and set it equal to false. 
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1 0 The last variable will be to let us set the range for a random number for the 
spawn delay. We could use two different variables, but it’s easier to use a 
public Vector2 variable. Call it delayRange and set it equal to a new 
Vector2(1,2) (The x will be the first part of our range and the y will be the 
second part). 


1 musing System.Collections; 

2 using System.CoLLlections.Generic; 
3 using UnityEngine; 
m 


@ Unity Script | 0 references 


Ol} 5 Ejpublic class Spawner : MonoBehaviour 
6 { 
7 public GameObject bombPrefab; 
8 public float delay = 2.0f; 
9 public bool active = true; 
10 public Vector2 delayRange = new Vector2(1, 2); 
11 
12 // Start is called before the first frame update 
@ Unity Message | 0 references 
13 B void Start() 
14 { 
IR 
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1 1 When the script is started, choose a random number for the delay and have 
it run the function that spawns the objects. For the first, we'll call a function 
named ResetDelay() (with no parameters). 


Then, call the second function using StartCoroutine. A coroutine is like a 
function that can pause execution and return control to Unity and then 
continue where it left off. This is very useful since we'll be constantly 
pausing the spawn process until the random delay has expired. 


The StartCoroutine calls the EnemyGenerator function. 


11 

12 // Start is called before the first frame update 
© Unity Message | 0 references 

13 E void Start() 

14 { 


15 ResetDelay(); 
16% StartCoroutine(EnemyGenerator());| 
17 


At this point, you will have errors in your code, this is because we haven't 
made the functions yet 
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12 


Unlike other functions, a coroutine must start with the IEnumerator data type. 
So instead of void, our function is IEnumerator EnemyGenerator() 


(See if you can try to figure out what code you need from the text before 
looking at the below image) 


The first line in the function is yield return new WaitForSeconds(delay);. As 
you might have guessed, this is the part of the coroutine that lets Unity do 
what it needs to do while waiting for the required length of time. 


The next line is a conditional that checks if the Spawner is active or not. 
Remember, we don’t want to start the game until the player is ready and this 
keeps anything from spawning until it is active. 


Inside the conditional, we do two things. We use Instantiate to spawn our 
bombPrefab at a position of 0,0,0 (right in the middle) with the current 
rotation of the prefab. Once that is done, we call the ResetDelay function to 
choose a new random number for the delay. 


After all of that, regardless of whether anything was spawned, we start the 
coroutine all over again. 


lo RESELVELAYyUJ; 
16 | StartCoroutine(EnemyGenerator()); 

17 } 

18 

19 = IEnumerator EnemyGenerator() 

20 

21 yield return new WaitForSeconds(delay); 

22 -= if(active) { 

23 

24 Instantiate(bombPrefab, new Vector3(randomX, spawnY, 0), bombPrefab.transform.rotation) ; 
25% ResetDelay() ; 

26 } 

27 

28 StartCoroutine(EnemyGenerator()); 

29 

30 

31 


Again, at this time, you will have an error, because we still need to make the 
ResetDelay Function 
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1 3 The ResetDelay function is just a single line setting delay to equal a 
Random.Range between the values of delayRange.x and delayRange.y. 


¢ rererences 
31 - void ResetDelay() 
32 { 
33 delay = Random.Range(delayRange.x, delayRange.y); 
zug f }| 
35 } 
36 


14 There are still some errors to fix, but before that, we are going to fix a problem 
that may occur. Currently, if the game were to be run, the bombs would 
always spawn at (0,0,0). We are going to fix this first by using a private 
variable. 


This variable is a Vector2 that will be called screenBounds and hold the 
dimension of the screen. 


7 public GameObject bombPrefab; 

8 public float delay = 2.0f; 

9 public bool active = true; 

10 public Vector2 delayRange = new Vector2(1, 2); 
11 

13 

14 // Start is called before the first frame update 


1 5 When you start the script, you will get the value for this new variable. 
screenBounds is from the Camera.main.ScreenToWorldPoint as a new 
Vector3 with x as the Screen.width, y as the Screen.height and z as the 
Camera.main.transform.position.z. 


iv E 

14 // Start is called before the first frame update 
{ 

15 void Start() 

16 { 

17 ResetDeLlay(); 

18 StartCoroutine(EnemyGenerator()); 
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1 6 The center of the screen is 0,0 so the left side is negative x (-x) and the right 
side is positive x (+x). We want to spawn the bomb somewhere between 
those two points. 


To do this, before we Instantiate our bomb, make a float variable called 
randomxX that is a Random.Range between -screenBounds.x and 
screenBounds.x. This will give us a random number between the left and right 
side of our screen. 


The Y position will always be the same, based on the screenBounds.y + 1 


The +1 is there to give a bit of space; you can try changing this number if you 
like. 


These two numbers are passed to our Instantiate from earlier. If all is correct, 
the errors from earlier will be resolved. 


23 E IEnumerator EnemyGenerator() 

24 { 

25 yield return new WaitForSeconds(delay); 

26 A if(active) { 

27 

28 float randomX = Random.Range(-screenBounds.x, screenBounds.x); 
29 float spawnY = screenBounds.y + 1; 

30 

31 Instantiate(bombPrefab, new Vector3(randomX, spawnY, 0), bombPrefab.transform.rotation); 
32 ResetDelay(); 

33 } 

34 

35 StartCoroutine(EnemyGenerator()); 

36 f| 

37 | 


Copyright © Code Ninjas, LLC |273 


1 7 Save the Spawner script and return to Unity. Select the Spawner Gameobject 
in the Hierarchy. Search for the Spawner script in the inspector panel. The 
script needs to know what object to use for the Bomb Prefab. Open the 
Prefabs folder in the Project panel and drag the Bomb from the folder into the 
script as shown. 


“ Spawmner (Script) 


Add Component 
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1 8 Now test the game by clicking the Play arrow above the Scene. You should 
see anew bomb between one and two seconds. 


When you are done, stop the game by pressing the Play arrow again. 


= Not Enough Bombs? 


If you want to see more bombs in your scene, change the Delay Range in the 
Spawner script. Lower numbers mean a shorter delay, creating more bombs! 
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1 Q The Spawner allows you to make (and stop) bombs whenever you need to. 
Now there needs to be something to tell the Spawner when to turn it off and 
on. To do this, you will make a GameManager. 


Just as you did with the Spawner, create an empty Object in the Hierarchy 
and name it GameManager. In the Scripts folder, create a new C# script and 
also give it the name of GameManager. Drag the new script onto the 
GameManager GameObject. 


= Hierarchy 
-+- bd Or 
Ò DroppingBombs* 
fo Main Camera 
FA Directional Light 


Ea sky 


fA Clouds 


fo GameManager 


© Inspector 
D v GameManager 
Tag Untagged 


A Transform 


Position 
Rotation 


Sc ale 


Add Component 
a GameManager 
Search 


New script 


Why does the GameManager script look like it does? Unity has a special 
symbol reserved for these types of scripts. Other than the icon, it's exactly 
like all of the other scripts. 
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20 


21 


Open the GameManager script by double-clicking it. To communicate with the 
Spawner, you must first create a variable for it. Make it a private variable of 
type Spawner and give it the name spawner (all lower case). 


Oly 5 =|public class GameManager : MonoBehaviour 
E { 
7 
89 private Spawner spawner;| 
9 
10 


pryn 


We have yet to identify the spawner, which we can do when the script first 
awakes. Create a void function for Awake. Similar to void Start, void Awake is 
called when the game loads, but Awake is called before Start. 


Inside the Awake function, we are going to find the GameObject called 
"Spawner” using the GameObject.Find function. However, since this finds a 
GameObject we will get an error since our variable is of the type Spawner and 
not GameObject. To fix this, we can add GetComponent<Spawner>() to the 
end of the line, to access the component on that object. 


4 
t 5 -public class GameManager : MonoBehaviour 

6g | |d 

7 private Spawner spawner; 

8 

9 JE private ot Awake() 

10 

11 spawner = GameObject.Find("Spawner") .GetComponent<Spawner>(); 

12 } 

13 


Now that spawner is defined as the script component of the Spawner 
GameObject, you can access the functions and variables within. We want to 
turn the Spawner script off, so when the GameManager script starts, we can 
have the active variable of the spawner component set to false. 


12 } 
13 
14 // Start is called before the first frame update 


15 = void Start() 
{ 


17 | spawner.active = false;| 
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23 Lastly, there will need to be some way to turn the spawner script component 
back on. We need to listen for player input, which means we will use the 
Update function. Inside the function, you'll set up a conditional for input. If the 
user hits any key (or button), then you will set spawner.active to true. This 
can be accomplished with Input.anyKeyDown. So, when the user does 
anything, the spawner is activated. 


19 

20 // Update is called once per frame 
@ Unity Message | J references 

21 = void Update() 

22 { 


23 = if (Input.anyKeyDown) 

24 { 

25g" spawner.active = true;| 
26 | } 

27 } 

28 } 

29 


24 Save your script and return to Unity. 


If you start the game now (go ahead, we'll wait), you'll see the rocket and the 
animations work, but there are no bombs until you hit any key (which means 
that the second that you use the arrow keys to move the rocket, the spawner 
becomes active). It would be useful to have a message to tell the player that 
they're supposed to press any key to start the game. This will be the first part 
of our User Interface. 
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25 If you started the game, stop it before continuing to the next step. 


Artwork for the User Interface has been prepared for you. Go to the Artwork 
folder and right-click inside the folder. Select Import New Assets and from the 
Purple Belt assets folder, find and import Activity 09 - DBTitle.png and 
Activity 09 - grungeHazard.png. With both images selected, go to the 
Inspector panel and change Texture Type to Sprite (2D and UI). Scroll down 
to the bottom of the Inspector and click Apply. 


If at any time when you are making edits to the texture component and you 
forget to hit “Apply” a reminder pops up. Either apply the changes or revert 
them. 
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26 Right-click in the Hierarchy panel to bring up the Create menu. Select UI, then 
select Image. 


Select Children 
Find References in Scene 
Set as Default Parent 


Create Empty 


Image 
Text - TextMeshPro 


Raw Image 


Panel 


Toggle 
Slider 


27 When you do this, a Canvas object is created to hold all the UI elements. 
Additionally, an EventSystem is created to support the Canvas. Without an 
EventSystem, you won't be able to interact with the UI. 


The Canvas is much larger than the camera view, so double click the newly 
created image in the Hierarchy to focus onto it. 


-imaga 
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28 Change the name of the Image to Title, then click on the gear and select Reset 
to put the image to the center of the Canvas. Drag DBTitle into the slot for the 
Source Image and click Set Native Size to enlarge the image to the size of the 
graphic. 


29 The title screen will have several objects, so let's create an Empty Object 
inside of the Canvas to hold everything and call it TitleScreen. Drag the Title 
object so that it is inside of the TitleScreen object. 


M 
+ D TiteScreen 
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3 Next, let's add some text that tells the player how to start the game. Right- 
click on the TitleScreen object and go back to UI. We are going to add Text - 
Text Mesh Pro. 


= Hierarchy 
+ Ww 


M DroppingBombs* 
vJ Main Camera 
YJ Directional Light 


td TitleSg 
& Tit Cut 
D Eventsy 
Copy 
Paste 


Paste As Child 


Rename 
Duplicate 
Delete 


Select Children 

Find References in Scene 

Set as Default Parent 

Prefab > 


Create Empty 

Create Empty Parent 

3D Object > 
Effects > 
Light > 
Audio > 
Video > 


Ba Project 
-H v 


% Favorites 


Image 
Ul Toolkit 
Camera Raw Image 


Visual Scripting Scene Variables Panel 


(ae Assets Clear Parent 


Toggle 
Bs Animation 


Slider 

Scrollbar 

Scroll View 

Button - TextMeshPro 
Dropdown - TextMeshPro 
Input Field - TextMeshPro 


Move To View 

Align With View 

Align View to Selected 
Toggle Active State 


Properties... 


Canvas 


Event System 
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31 You may get a box that tells you to import Text Mesh Pro. If so, click Import 
TMP Essentials. This will install all the required TMP assets. This may take a 
few minutes. 


TMP Importer 
TMP Essentials 

his appears to be the first time you access Te 5 eed to add resources to your project 
that are essential for using TextMesh ese New resources at the root of your project in the 
1 eA i LEE 3 


The Examples & Extras package contains addition resources and examples that will make discovering and 
learning about TextMesh Pro's powerful features easier. These additional resources will be placed in the same 


folder as the TMP essential resources 


32 With that installed, our text should appear in the middle. Let's stretch it and 
move it somewhere sensible. Inside the text, we can write our message. You 
can create something similar to the image below. 


You may wish to tinker with the size and the color to make it look even better. 
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33 Now that the player knows that they need to press any key to start the game, 
we need to add code to hide the TitleScreen. Switch back to the 
GameManager script in the script editor. 


Let's start by adding a public variable to hold the TitleScreen Gameobject. 


nity ript t|- 
Eipublic ‘cans. ‘CanoMaiagee : MonoBehaviour 


5 

6 

7 

a || public GameObject title;| 

9 B private void Awake() 

10 

11 spawner = GameObject.Find("Spawner") .GetComponent<Spawner>() ; 
12 } 


34 When the spawner is off, the title should be on. When the spawner is on, the 
title should be off. In the Start function, add a line for the GameObject 
title. SetActive(true). In the conditional for Input in the Update function, adda 
line for the GameObject title.SetActive(false). Save the script. 


14 // Start is are before the first frame update 
© Unity Message refer 

15 E void brar h 

16 { 

17 spawner.active = false; 

3 | 

19 

22 | 

21 // arie n called once per frame 
© Un ity Mes ferences 

22 E void UndaeeQ) i 

23 { 

24 = if (Input.anyKeyDown) 

25 

26 ye REC we 

4 

28 } 

29 } 

30 |} 


= PRO TIP! 
You might be wondering why the boolean for the spawner is set to equal true 
or false while the boolean for title uses SetActive with a parameter of true or 


false. In Unity, a GameObject (like title) can use SetActive. However, spawner 
is nota GameObject, it is a component inside of a GameObject. With a 
component, we have to work with the functions and variables inside the 
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35 Switch back to Unity and select GameManger in the Hierarchy. Drag 
TitleScreen from the Hierarchy into the slot for Title in the GameManager 


script component. 


36 Now start the game by clicking the Play arrow above the Scene. The interface 
appears with a friendly message about how to start. When you press any key, 
the interface is hidden and the Bombs start spawning. So far, so good. 


Stop the game by clicking the Play arrow a second time. 
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37 When the bombs spawn, they stay in the program’s memory, with more 
bombs being added every second! We don’t need the bombs after they've 
passed off the bottom of the screen, so we can get rid of them and use that 
for scoring, too. 


Every time a new bomb is spawned, it gets anew name. We need another 
way to identify the spawned bombs. Select the Bomb prefab in the Prefabs 
folder. Click the Tag menu and select Add Tag. In the Tags & Layers menu, 
click the plus (+) symbol and name the new tag “Bomb”. Select the Bomb 
prefab again and set the Tag to Bomb. 


Root in Prefab Asset (Open for full editing support) 


| UCE 
Tag | Untagged | Layer Default 

v Untagged 
Respawn 
Finish 
EditorOnly 
MainCamera 
Player 
GameController 


AB v 


Materials 


Add Tag... Spee 
= Sorting Layers 


Lighting Layers 


Root in Prefab Asset (( full editin 


i v 
3q Untagged Layer Default 
w Untagged 
Respawn 
Finish 
EditorOnly 
MainCamera 
Player 
wee) GameController 
Ba v Bomb 
Materia Add Tag... 
Lightine 
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Switch back to the GameManager in the script editor. To know when the 
Bomb has gone below the screen, you can use the same screenBounds that 
we used when spawning the Bomb. 


Add a private Vector2 variable with the name of “screenBounds’. In the 
Awake function, add the same line that we used for the Spawner, setting 
screenBounds to equal Camera.main.ScreenToWorldPoint as shown 
below. 


private Spawner spawner; 


private Vector2 screenBounds; 


private void Awake() 


Switch back to the GameManager in the script editor. Next, we'll need to 
find any object with the Bomb tag and remove it when it goes below a 
certain point. In the Update function, add a line at the bottom that sets 
var nextBomb = GameObject.FindGameObjectsWithTag("“Bomb’"). 


23 // Update is called once per frame 
24 = void Update() . 
{ 
26 = if CInput.anyKeyDown) 
{ 


28 spawner.active = true; 
29 title.SetActive(false); 


Now that we have all bombs, we need to loop through them. You may be 
familiar with a for loop, but instead we will use a foreach loop instead. 

A foreach loop is a way to loop through every element in an array or a list. 
Specify what type it is, then what name you'll use to access that element 

(Similar to using ‘i’ in a for loop), and what array to loop through. In our 
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example, we are looking through all GameObjects (called bombObject) in 
the array nextBomb. 


41 Inside the loop, we need a conditional that compares the Y value of the 
bombObject to see if it is off our screen. Any object that falls below our 
screen will be destroyed. Later, we'll use this for scoring as well. 


23 // Update is called once per frame 
@ Unity Message | 0 references 
24 E void Updat: Q) 
25 { 
26 A if (Input.anyKeyDown) 
27 { 
28 spawner.active = true; 
29 title.SetActive(false); 
30 } 
31 f) 
32 var nextBomb = GameObject.FindGameObjectsWithTag("Bomb"); 
33 
34 E foreach (GameObject bombObject in nextBomb) 


if (bombObject.transform.position.y < (-screenBounds.y - 12)) 


Destroy(bombObject) ;| 
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42 In addition to the bombs, the rocket should be spawned and destroyed as 
well when the game starts and stops. However, the Rocket prefab was 
changed in the previous activity by adding the Rocket Animate script. 
When changes are made to a prefab in the Hierarchy, the prefab itself does 
not automatically get those changes. To make sure that our Rocket prefab 
is up to date, select the Rocket in the Hierarchy, and in the Inspector panel, 
click Overrides and select Apply All to make sure that the prefab matches 
the GameObject in the Hierarchy. After that, it will be safe to delete the 
Rocket from the Hierarchy. 


= Hierarchy = i? © Inspector 
aah v Rocket 
| DroppingBombs* 
0 Main Camera 
G2 Directional Light 
v Sky 


iq Untagged v Layer Default 


A Clouds Overrides v Select 
v EventSystem Beview Revert or Any Overrides 
G1 Canvas : 
l : Rocket 
Y TitleScreen 


on 
Position 
J in? 


Gp Title a scene 
Rotatior 


 Cameahdanan Scale 

v GameManager S> Animator 

Y spawner 

Gp Rocket Revert All Apply All 
r WHocketi 


ne) Press Any Key 


© Y Mesh Renderer 
Materials 


Lighting 
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A3 Let's have the GameManager spawn the Rocket from the Prefabs. Switch 
back to the GameManager script in the script editor and add a public 
variable with the type of GameObject and name it playerPrefab. You also 
need a boolean to know if the game has started or not. Add a private 
variable of the bool type and give it the name of “gameStarted" and set it to 


false. 
‘7 private >pawner spawner; 
8 public GameObject title; 
9 private Vector2 screenBounds; 
10 
11 [Header("Player")] 
12 public GameObject playerPrefab; 
13 private GameObject player; 
14g” private bool gameStarted = false;| 
15 Æ private void Awake() 
16 { 
17 spawner = GameObject.Find("Spawner"). 
18 | screenBounds = Camera.main.ScreenToWc 


AA Our Update function is getting a bit long and complicated. We are going to 
create a new function below Update and move some of the code inside to 
make it easier to read. This new function will be called ResetGame. 


45 Below the Update Function, add the void ResetGame function. Inside the 
newly created function, put the spawner.active and title.SetActive lines 
that used to be in the Input.anyKeyDown conditional above. Then 
Instantiate playerPrefab in the middle of the scene using the current 
playerPrefab rotation. Then set the gameStarted boolean to true so that 
new players don't keep spawning while the game is running. Save the 
script. 


spawner.active = true; 
title.SetActive(false); 


player = Instantiate(playerPrefab,new Vector3(0,0,0), playerPrefab.transform.rotation); 


gameStarted = true; 
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46 Once we have created the function, we need to call it. We are going to call it 
when we press any key, but only if the game hasn't started. 


28 

29 // Update is called once per frame 
® Unity Message | 0 references 

30 = void Update() 

31 { 

32 = if (!gameStarted) 


if CInput.anyKeyDown) 
{| 


ResetGame(); 
} 


47 Currently, the Rocket has a Reset script that restarts everything when the 
Rocket collides with anything. In Unity, go into the Scripts folder and 
double-click Reset to edit it. There's only one line of code inside a single 
OnCollision function that has the SceneManager.LoadScene(0). Replace 
that line with Destroy(gameObject) and save the script. 


1 Husing System.Collections; 
2 using System.CoLllections.Generic; 
3 using UnityEngine; 
4 using UnityEngine.SceneManagement ; 
5 
D Unity Script (1 asset reference) | 0 references 
Oly 6 public class Reset : MonoBehaviour 
7 { 
O L y Message | D references 
8 B private void OnCollisionEnter(Collision collision) 
9 | 4 
wl 
11 | } 
12 |3} 


a7. 


In C#, gameObject always refers to the GameObject that the script is 
attached to. It saves a bit of time. 
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48 Back in Unity, we need to assign the Rocket Prefab in the GameManager. 
We will do this now, so we don't forget later. The game won't work until we 
write some more code, so let's get back to coding! 
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While still in the script editor, switch back to the GameManager script. 
While the game is running, check to see if the Rocket (player GameObject) 
has been destroyed. We're already checking if gameStarted is false, so just 
check to see if the game is running by adding an else to the conditional. 
Inside the else, you'll add a conditional to check if the player object has 
been destroyed and if so, run the OnPlayerKilled function. 


At this point, we will get an error, but we will fix that. 


29 // Update is called once per frame 


D L n ty N essage | \ ICICI a 
30 = void Update() 
31 { 
32 = if (!gameStarted) 
{ 


34 = if (Input.anyKeyDown) 
35 { 
36 ResetGame(); 


else 


{ 


if (!player) 
{ 


OnPlayerKilled();| 
} 


At the end of the script, let's add the OnPlayerKilled function. When the 
player is killed, the spawner should stop. Set gameStarted to false. Finally, 
you'll want to show the splash screen (which we haven't made yet, so you 
will get an error). 


void OnPlayerKilled() 

{ 
spawner.active = false; 
gameStarted = false; 


splash. SetActive(true) ;| 


} 
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51 Switch back to Unity to make a splash screen. To save time, use Ctrl+D to 
make a copy of the title screen and rename it SplashScreen. Then, adjust 
the elements within it as follows: 


= Hierarchy 
+ 
FA’ DroppingBombs* 
Co Main Camera 
EA Directional Light 
fo Sky 


EA Clouds 


GO Spawner 


Gd GameManager 
Eo Canvas 
CA TitleScreen 
Cr Title 
A Tew (TRAD) 
Gol SplashScreen 
Er Title 
CA Text (TMP) 


LoL CYO y otal 


52 Change the Title image to Background and replace the DBTitle image with 
grungeHazard. Click the Set Native Size button. 

53 The Text object gets renamed as Play Again and the text is altered to Press 
Any Key to Play Again. Change the color to black and move it up so that it’s 
underneath the banner. 
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5A Use Ctrl+D to copy the Text object and make this into a “Game Over” 
object. Change the text to GAME OVER, increase the font size to 72 and 
make sure that this is white with a black outline. Use the Rect Tool to resize 
and adjust the text box. Feel free to change any of the fonts. 


At this point, you can change how the Game Over screen looks. Below is an 
example of what it could look like. 


CA Wag OWE ix 


55 Switch back to the GameManager script in the Script editor. Make a copy of 
public GameObject title and change the variable name to splash. 


Set rererence) | U rererences 


W Unity Script (1 asse e S 
apublic class GameManager : MonoBehaviour 


Oly 6 
7 { 
3 private Spawner spawner; 
9 public GameObject title; 
10 private Vector2 screenBounds; 
11 
13 
14 [Header("Player")] 
15 public GameObject playerPrefab; 
16 private GameObject player; 
17 private bool gameStarted = false; 
M linin: MAnceana |N enfarancar 


Copyright © Code Ninjas, LLC |295 


56 In the Start function, copy title.SetActive(true) and change it to 
splash.SetActive(false). 


24 

25 // Start is called before the first frame update 
@ Unity Message | 0 references 

26 g void Start() 

27 { 

28 spawner.active = false; 

29 : reap 

a 

31 

32 | 

33 // Update is called once per frame 


57 In the ResetGame function, copy title.SetActive(false) and rename it to 
splash.SetActive(false). Save your script. 


72 

73 E void ResetGame() 

74 

75 spawner.active = true; 
76 title.SetActive(false); 
77 

79 

80 player = Instantiate(playerPrefab,new Vector3(0,0,0), playerPrefab.transform.rotation); 
81 gameStarted = true; 

82 } 

83 } 

84 


58 Switch back to Unity. With the GameManager object selected, make sure 
that the objects for SplashScreen and Rocket are in the appropriate slots in 
the GameManager script in the Inspector panel. Save your project. 


by MM L 


Ihe 


`~ 
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59 Play your game by clicking the Play arrow above the Scene. When you lose, 
the splash screen should appear and give you a chance to play again. All 
that’s left to do is the score. 


Stop your game by clicking the Play arrow again. 


U/ITLSSSTIGST 1117 


Press Any Key To Play Again 


60 With the Canvas Selected, right click on it and add Text Mesh Pro Text. Use 
the Move Tool to move the object to the upper left of the canvas. Change 
the text to the upper left of the Canvas and change it to say Score: 0. You 
can resize and change the font style if needed. 


= Hierarchy =i v TextMeshPro - Text (UI) 
-= v Q; AF) 
À DroppingBombs* : Text Input Enable RTL Editor 
A Main Camera 
GD) Directional Light score: 0 
& Sk y 
W Clouds 
W EventSystem 
GD Canvas Normal 


O TitleScreen pee 
© Title ae 


Font Asset [F|LiberationSans SDF (TMP Font Asset) © 
Material Preset LiberationSans SDF Material 


G0 Press Any Key 


Font Style 


Auto Size 


Auto Size Options 


& Spawner Vertex Color 


Color Gradient 


Override Tags 
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61 We are going to update our score text to display the number of bombs that 
have been deleted. When a bomb gets removed, we get a point. 


First, let's go back to our GameManager script and add the needed libraries 
at the top for Text Mesh Pro. 


Elusing System.Collections; 
using System.Collections.Generic; 


1 
2 
tcl 
5 


@ Unity Script (1 asset reference) | 0 references 
E|jpublic class GameManager : MonoBehaviour 


{ 


ot 


private Spawner spawner; 
public GameObject title; 
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Next, let’s add some variables for our score. We want a public TMP_Text that 
is the score text component. 


Add a public integer that says how many points we gain each time, 
and a private integer that holds our score. 


1 Elusing System.Collections; 

2 using System.Collections.Generic; 
3 using UnityEngine; 

4 using TMPro; 

5 


© Unity Script (1 asset reference) | 0 references 
It 6 =|public ane GameManager : MonoBehaviour 
7 { 
8 private Spawner spawner; 
9 public GameObject title; 
10 private Vector2 screenBounds; 
11 
12 public GameObject splash; 
13 
14 [Header("Player")] 
15 public GameObject playerPrefab; 
16 private GameObject player; 
17 private bool gameStarted = false; 
[Header("Score")] 
public TMP_Text scoreText; 
public int pointsWorth = 1; 
private int score; 


63 Before our game starts, we want to disable the TMP_Text so it only appears 
when needed. Inside the Awake function, add a line to set scoreText.enabled 


22 private int sc ore; 
23 
Initv M O referer 
24 = private void Awake() 
25 
26 spawner = GameObject.Find("Spawner") .GetComponent<Spawner>(); 
27 : reenToWorldPoint(new Vector3(Screen.width, Screen.height, Camera.main.transform.position.z)); 
286” scoreText.enabled = false;| 
29 | } 
30 
31 // Start is called before the first frame update 
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64 Inside the restart function, we are going to add a line that resets the score 
when the game restarts. Set scoreText.enabled = true and reset the score 
integer to 0. 


1 reference 
void ResetGame() 


H 
H. 
E 

— [D — 


115 

116 | spawner.active = true; 

117 | title.SetActive(false); 

118 | 

119 | splash.SetActive(false); 

120 

121 scoreText.enabled = true; 

122 score = 0; 

1236 | | 

124 scoreText.text = "Score: " + score.ToString(); 
125 

126 

127 

128 

129 player = Instantiate(playerPrefab,new Vector3(0,0,0), playerPrefab.transform.rotation); 
130 gameStarted = true; 

131 | } 

132 3} 

133 


65 Finally, when our bomb gets removed for going too low, we want to gain a 
point. However, this will cause a problem if we lose, and the few remaining 
bombs get removed. To fix this, we can add a simple if statement to make 
sure that the game has started, and we also need to update our text to 
display the new value. 


59 var nextBomb = GameObject.FindGameObjectsWithTag("Bomb"); 


61 Z foreach (GameObject bombObject in nextBomb) 
62 { 
63 a if (bombObject.transform.position.y < (-screenBounds.y - 12)) 
64 { 
65 E if (gameStarted) 

{ 


67 score += pointsWorth; 
686” scoreText.text = "Score: " + score.ToString(); 


69 } 


71 Destroy(bombObject); 
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66 Almost done, let's head back into Unity and link our text to the TMP slot in 
the script. Save your project. 


Score; 0 


— ERE FER 


EEE 


ERP OMIT TYE ne 


Fay 


67 Now play your game. In the next section, there will be steps adding some 
more polish to finish the game! 


© 
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Particle Systems and Player Preferences 


Particle systems are great ways to simulate fire, smoke, water and 
other “fluid” visual effects. As the name implies, the system is making 
something out of a collection of smaller pieces and is ideal for 
explosions, fireworks, and even feedback for picking up power-ups ina 
game. 


As with the other sections in this book, we're going to cover some of 


the essential information that you need to know to use these systems. 
The systems will be covered in more detail in future books. 


© 


A 
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The Joy of Particle Systems 


In Unity, most objects are represented as “solids,” rigid and well- 
defined. However, a solid is only one possible state of matter - liquids 
and gases are also commonly encountered in the world. Since liquids 
and gases are less rigid and well-defined than solids, a different system 
is required to simulate them in Unity. This section introduces the Unity 
particle system and some of the ways that it can be used. 


What is a Particle System? 


A particle system creates and displays a collection of simple images or 
objects as part of a whole. Each particle has its own behavior, but when 
viewed with other particles, it creates the illusion of smoke, fire, or 
many other possible effects. 


Image Source: https://assetstore.unity.com/packages/vfx/particles/fire-explosions/stylized-fire-fx-i-67379 
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Particles and the Environment 


Image Source: https://80.lv/articles/creating-projectiles-in-unity/ 


Particles can be set to interact with (or being interacted by) the world in 
which they are set, or they can ignore it entirely. Particles can bounce 
off solids, be affected by wind and/or gravity, and can even act as 
triggers for other events. 


Using Particle Systems 


Since particle systems can be used to simulate so many things, both 
real and imagined, they have a lot of settings and sometimes you will 
find yourself making subtle changes to get the look just right. Even so, a 
particle system is just like any other GameObject in Unity and can exist 
on their own or be attached to other objects and can even be controlled 
by scripts. This section will introduce you to some of the most essential 
aspects of using particle systems. 


304|Code Ninjas Purple Belt v3.1 


Activity 10: Dropping Bombs Part 4 


The Dropping Bombs game has come along way since creating the 
simple cubes and spheres at the beginning of this book. In this activity, 
you'll make your game even more exciting with fire and explosions! 


1 Before making additional changes to your project, it’s important to make a 
backup of the entire game. In the Projects panel, make sure that the Assets 
folder is selected. Then click on the Assets tab at the top of the screen and 
select Export Package. 


Make sure that all of the assets are selected before clicking the Export 
button. Give the package a name like JS-DroppingBombsPart3. 


2 Somehow, the rocket is flying without any thrust. Which might be great for 
the environment, but it certainly doesn't look like a rocket should. Let's add 
a particle system to simulate rocket thrust. 


Find the Prefabs folder in the Project panel and click on the Rocket to edit it. 
In the Hierarchy panel, right-click on the Rocket and select Effects, then 
select Particle System to add it to the Rocket. 


Particle Systern Force Hedd 
Trel 
Ling 


View! Senpbirg Scere Werables 


Faw Ta Weve 
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3 When added, the Particle System gets to work right away by showing 
default particles spreading away from the Rocket. In the corner of the scene, 
there's a control panel that allows you to control the particle system and 
provides you information on what the system is doing. Let's leave it alone 
for now. 


~ETr Verrrr> 
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The particles seem random, but they’re actually confined to a shape which 
you cannot see. In the Inspector, scroll down until you see the Shape menu 
and click on it to make it expand. Now you can see the cone that the 
particles are coming from. It appears that they’re coming from the back side 
of the rocket instead of the nozzle. 


Perr errr - 
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Let's rotate the cone so the particles emerge from beneath the rocket. In 
the Transform component, change the X rotation by 90 so that the cone is 
facing down. (You might need to use a rotation of -90 or even 180 to get the 


desired effect.) 


U Inspector 
E “ Particle System 
Tag Untagged 


Transform 


Particle System 
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Open Editar... 


6 The cone seems a bit wide at the moment. Fortunately, at the bottom of the 
Shape component are tools to let you adjust it. The first icon lets you adjust the 
width at the top and bottom of the cone, while the others work just like the 
tools in the Scene editor. Use the tools to adjust the cone and move it so that it 
is at the bottom of the rocket as shown below. 


You want the button that looks like a cone being stretched! 


7 Click the Play arrow to see how the particles look in the game. They're coming 
from the rocket, but when the rocket moves, the whole particle system moves 
with it. Stop the game. 


Ep 
© 
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While we want the particles to originate at the rocket nozzle, we expect them 


8 to behave like they're part of the world that the nozzle sends them out into. In 
the Inspector, find Simulation Space and change it from Local to World. 


or : 
Open Editor... 


Particle System 


Particle System Q 
+ 


Local 
¥ World 


Custom 


None 
Automatic 
Disabled 


Q Start the game again. Now you can see that the particles behave more as 
expected. Stop the game before continuing to the next step. 


© 
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1 0 You may have noticed that it takes a moment for the particles to get started 
when the game begins. There is a setting called Prewarm that animates the 
particles as if they had been running for a while and not starting “cold.” In the 
Inspector, make sure that the box for Prewarm is checked. Also, let's make 
the trail a little shorter by reducing the Lifetime of the particles. 

Try 1.5. 


You may also wish to change other properties. If you haven't, set the Start 
Speed to 5. 


v Particle System 
Tag Untagged ~ Layer Default 


A Transform 


Position 
Rotation 
Scale 
Particle System @ +t : 
Open Editor... 


Q- 


» Particle System 
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1 We can add a little variety to the particle by randomizing the size of the 
particles. Click on the triangle to the right of the slot for Start Size and choose 
Random Between Two Constants and pick a range of 2 to 3 as shown. 


Particle System 


Constant 
Curve 
Random Between Two Constants 


Random Between Two Curves 


All of the properties in the Particle System have options for constant or 
curves just like with Start Size. 
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12 The rocket thrust is looking better, but still looks odd. Let's use a different 
particle. Click the Assets tab and select Import Packages and load Activity 10 
- Flame.unitypackage. At the bottom of the Particle System component is a 
property called Renderer. Click on it to expand it and select a new Material by 
clicking on the circle to the right of the Material slot. From the menu that 
opens, select Flame01 (which you just imported). 
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1 3 In reality, the rocket thrust would taper off as the flames got farther and 
farther from the fuel source. The Particle System has a component to 
simulate that. Look for the component called Size Over Lifetime and check 
the box to enable it. Then click on the window next to Size to access the 
curves for that component. This opens a new window at the bottom of the 
Inspector. Select a curve that starts high and fades to nothing. 
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14 Let's adjust some of the numbers to get the thrust where we want it. If we 
want a longer thrust, increase the Start Lifetime. If we want it to be denser, 
decrease the Start Speed. If we want a more powerful flame, increase the 


Simulation Speed. 


You can use whatever numbers you want, see below for an example. 


Particle System o + | 


Editor... 


g Particle System 
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1 5 The flames abruptly vanish when they reach the end of their lifetime. Instead, 
let's make them more transparent over time. In the Inspector, find Color Over 
Lifetime and check the box to enable it. Then click on the Color window. 


~ Shape 
Velocity over Lifetime 
Limit Velocity over Lifetime 
inherit Velocity 


Lifetime by Emitter Speed 
~” Color over Lifetime 


Color by Speed 


Size by Speed 


Rotation over Lifetime 


316|Code Ninjas Purple Belt v3.1 


1 6 Clicking on the color opens a new window for adjusting color. It works a lot 
like the timeline we used for the animations, beginning at the left and ending 
on the right. If we wanted to, we could have the particle gradually change 
color over time. Right now, we just want to change the transparency which is 
controlled by the arrows at the top. The left arrow is fine as it is. Let’s click on 
the arrow at the top right. The panel at the bottom says the alpha 
transparency is 100% (completely opaque). Change it to 0 so that the color is 
completely transparent at the end. 


Gradient Editer x 
ls Blend (Classic) k 


1 7 Let's test the thrust by playing the game. Not too bad, right? Though real 
rocket thrust would have some smoke. Stop the game before continuing. 


E 


© 


av 
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1 8 In the Hierarchy, right-click on the Particle System to add a new particle 
system inside the first one (select Effects and click on Particle System). See 
the Pro Tip below if the new Particle System isn't playing. 


Sometimes, when adding additional Particle Systems, the new system 
doesn't seem to work. The control panel shows 0 particles being emitted. 
When this happens, restart or pause the particle system and start it again. 
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1 Q The shape of the smoke should be similar to the flame. Click the Shape 
component and use the tools at the bottom to adjust the shape of the cone. 
Then move it so that it starts a bit further away from the rocket nozzle than 
the flames. 


A Emission 
A Shape 
Coane 


Random 


cri 
Tir ac t cf 
cf 


Velocity over Lifetime 


Limit Velocity over Lifetime 


inherit w 
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20 Over time, smoke spreads out. So go to the Size Over Lifetime component 
and enable it. Choose a graph that starts small and grows. To ensure that it 
starts out at a reasonable size, click and drag the left point of the curve so 
that it’s about a third of the way up the scene. 


Your curve doesn't have to look exactly the same; you may wish to use a 
curve that you think looks better. 


(lw mk idk am a me 


320|\Code Ninjas Purple Belt v3.1 


21 Now let's adjust the color of the smoke. Find Start Color in the component 
and click on the white rectangle to open the Color editing window. Drag the 
selector in the square to get a light grey color. Let's also make it a bit 
transparent by dragging the Alpha slider (“A”) a bit to the left. 


cm 2a hk of kk å ER a Re 


k E P 
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We can increase the smoke by selecting the Emission component and 
increasing the value of Rate Over Time. Let's double it. 


@ Particle System 


< Emissor 
Rate over Time 


Rate over Distance 


List is Empty 


~” Shape 


Velocity over Lifetime 
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23 Play your game to see how the Rocket Thrust effect looks. Do you want more 
fire? Darker smoke? Adjust the Particle System to get the results that you like. 
Don't forget to update the Simulation Space to World. 


Stop the game and save your project before continuing. 


24 What the game needs now is something to happen when the Rocket collides 
with a bomb. In the Hierarchy, click Create, select Effects and then select 
Particle System. Name it Explosion. 
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Ls The default shape of the new Particle System is a cone, but that’s not right for 
an explosion. In the Shape component, go to the Shape menu and select 
Sphere. 


F eerrrre > 
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26 The explosion should only play once. Go to the top of the Particle System 
component and uncheck the box for Looping. Change the settings for Duration, 
Start Lifetime, Start Speed, Start Size and Simulation Speed as shown below. 


Particle System os : 


Chen Editar 


With Looping off, the Particle System no longer plays constantly in the Scene 
panel. From now on, you will need to press Play in the Particle System control 
panel when you want to preview this Particle System. 
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27 At the moment, the explosion seems a bit weak. Go to the Emission 
component, but instead of adjusting the Rate Over Time, add a Burst. Click on 
the plus (+) symbol at the bottom of the Bursts panel to add a Burst. Keep all of 
the default settings as they are but increase Count to 50 and reduce the rate 
over time to 0. 


a 
Rate over Time 


Rati Oval Di: am A 
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28 Go to the bottom of the Particle System component and expand the Renderer. 
Select a new Material by clicking on the circle to the right of the Material slot. 
From the menu that opens, select Flame01 (the same as what you used for the 
Rocket Thrust). 


Select Material 


Assets Scene > 


Restart Stop 
© Fiameo1 


1.00 


3iliboard 


Nothing 


Flanreo1 
Material 
mpleParticlePack/Materials/Fla 
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29 The explosion particles should get smaller over time. Find the Size Over 
Lifetime component and enable it. Then create a curve that starts out large and 
eventually dwindles to nothing. 
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30 Just as you did with the rocket thrust, select the Color Over Lifetime 
component and enable it. Click on the Color rectangle to edit the color. Click 
the arrow on the top right of the color timeline and set the Alpha to 0. 


Let's save this setting so that from now on we can just load it when we want to 
change Color Over Time. Just click the New button and the next time you need 
this. Click on the Preset you just made. 
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31 Before going any further, let’s drag the Explosion object into the Prefabs folder. 
Double-click on the Explosion prefab to edit it. 
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32 Just as you did with the Rocket thrust, right-click on the Explosion to add 


another Particle System and name it Smoke. Turn off looping and change the 
Duration to 1. Change the Start Delay to 0.3 so that the smoke follows a little 
bit after the flames. 


Add random between two ranges for the Start Lifetime, Start Speed and Start 
Size as shown below. 


Change the color of the smoke to a medium grey with an Alpha of about 75%. 
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33 Just like the Explosion, the Smoke will also have a Burst. Expand the Emission 
component and change the Rate Over Time to 0. Add a Burst to the Bursts 
panel by clicking on the plus (+) symbol in the lower right corner. Change the 
Count to 60. 


Expand the Shape component and change the Shape from a Cone to a Sphere. 


Automatic 


Sphere 


Random 
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3 Enable Color Over Lifetime to add the preset gradient that you recently made 
to have the smoke fade away. Enable Size Over Lifetime to give a gradually 
increasing curve to the size of the smoke. Save your progress. 


35 Right-click on the Smoke Particle System to add a third Particle System and call 
it Debris. 
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36 We need a new particle for this and this time, we’re going to make it ourselves. 
In the Project panel, open the Artwork folder. Right-click inside the folder and 
select Import New Asset and select Activity 10 - debrisParticle.png. After the 
image is loaded, select it and then go to the Inspector panel where you'll 
change the Texture Type to Sprite (2D and UI). 


Urrrrer> 
aR 5cR28 


AAAA 
FEFT 


37 The Particle System Renderer needs a Material, so we need to create one for 
the Debris image. Go to the Materials folder and right-click inside the folder. 
Select Create, then Material, and name the Material Debris. 
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38 To add the image to the Material, simply drag it from the Artwork folder into 
the box for Albedo in the Material Shader. 


39 The debris particles need to be rendered as sprites, so you'll need to change the 
shader. In the Inspector, click on Shader and search Sprites then Default from 


the menu. 


@ Inspector 


Shader Standard 
Rendering EAE x 
Main Maps Shaders 
Sprite 
Default 
Diffuse 


Mask 


© Heigl 
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AQ Go back to the Explosion in the Prefabs folder. Select the Debris Particle 
System and drag the Debris material from the Materials folder into the Material 
slot in the Particle System Renderer component. 
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41 By now, you should be well acquainted with adjusting the settings for a Particle 
System. We want the debris to be little bits that fly out from the explosion and 
fall to the ground, so this time we are applying gravity. The following settings 
worked best for us. 


e Duration: 3.0 

- Looping: off 

e Start Lifetime: 0.5 - 3 
e Start Speed: 1-5 

e Start Size: 0.05 - 0.2 

e Start Rotation: 0 - 359 
e Start Color: see below 
e Gravity Modifier: 0.3 

- Simulation Speed: 2 


Click on the arrow to the right of the color window to select Random Between 
Two Colors and choose black and orange. 


© Inspector 
Y v Debris 


ag Untagged v Layer Default 


Transform 


Particle System @ + : 
Open Editor... 


@ Debris 
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In Emission, set Rate Over Time to 0 and add a Burst with the count of 40. In 
Shape, change the Shape to Sphere. 


Enable Color Over Lifetime and use the fade to 0 Alpha preset that we saved 
earlier. 


Enable Rotation Over Lifetime and set a Random range between 0 and 45. 
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42 Go back to the Hierarchy and make sure that the original explosion has been 
deleted from the scene. We still need to trigger the explosion when the Rocket 
hits a Bomb. In the Prefabs folder, select the Rocket and at the bottom of the 
Inspector, click Add Component and select New Script. Name the script 
TriggerExplosion. 


If you've lost track of any of the particle systems that you been working on, 
double-check their position in the transform component. 
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A3 Open the new script in the script editor. The script needs a variable to identify 
the explosion prefab, so add a public variable of the type GameObject and 
name it explosion. 


You want the script to activate when anything touches the object this script is 
attached to (the Rocket) so let’s add a function that is a private void 


OnCollisionEnter (the parameter is type of Collision and is named collision). 


Inside the function Instantiate the explosion prefab at the position and rotation 
of the GameObject this script is attached to (the Rocket). 


Save the script. 


1 Elusing System.Collections; 
2 | using System.Collections.Generic; 
3 | using UnityEngine; 
4 

@ Unity Script | 0 references 

Et 5 Ejpublic class TriggerExplosion : MonoBehaviour 
6 
7 
8 [Header( "Explosion Parts")] 
9 public GameObject explosion; 
10 
Unity Message | 0 references 

11 private void OnCollisionEnter(Collision collision) 
12 { 
139 Instantiate(explosion, transform. position, transform. rotation) ;| 
14 
15 
16 
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AA Switch back to Unity and find the Trigger Explosion script attached to the 
Rocket prefab. Drag the Explosion prefab into the slot for the Explosion 
variable. 


CR ROE VERRREE> POLL LP7 £ 
tas PEPSEES TE EZIEEEĘ | 
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AS Now when you play the game, hitting anything with the rocket causes an 
explosion. The only problem is that the splash screen appears at the same time! 


MAME NM 


Press RY Key To Play Again 
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46 To fix this, you need to add a delay before the GameManager shows the splash 
screen. Open the GameManager script. To know when the explosion smoke has 
cleared, add a private variable of the type bool named smokedCleared and set 
it to true. 


c 


public class GameManager : MonoBehaviour 


Et 6 
T 
8 private Spawner spawner; 
9 public GameObject title; 
10 private Vector2 screenBounds; 
it 
12 public GameObject splash; 
13 
14 [Header("Player")] 
15 public GameObject playerPrefab; 
16 private GameObject player; 
17 private bool gameStarted = false; 
18 
19 [Header("Score")] 
20 public TMP_Text scoreText; 
21 public int pointsWorth = 1; 


private int score; 


private bool smokeCleared = true; 


47 Go down to the OnPlayerKilled function in the script. This function gets called 
as soon as the rocket is destroyed and that’s where the splash is set to active. 
Replace splash.SetActive(true) with Invoke(“SplashScreen”, 2f). 


Invoke will call the named function after an indicated period of time. In this 
case, the time is 2 seconds. 


While here, we are going to add a new function called SplashScreen that sets 
the splash screen to appear. 


80 H void OnPlayerKilled() 

81 { 

82 spawner.active = false; 

83 gameStarted = false; 

84 

85 splash.SetActive(true); 

86 

B7 
88 } 


void SplashScreen() 
smokeCleared = true; 


splash.SetActive(true); 
}| 
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48 Go to the Update function in the script. Right now, it is possible to restart the 
game by pressing any key before the splash screen appears. To fix that, modify 
the conditional so that nothing happens unless both Input.anyKeyDown and 
smokeCleared is true (in C# ‘and’ is represented by “&&’). 


Inside the conditional, let's add a line to set smokeCleared to false so that a 
new game can't be started again until the SplashScreen function has been 
invoked. 


Don't forget to save your script! Return to Unity. 


® Unity Message | 0 references 
void Update() 
{ 


] 
45 2 if (!gameStarted) 


{ 
if (Input.anyKeyDown && smokeCleared) 


55 z if (!player) 
{ 


57 OnPlayerKilled(); 
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AY One thing left to do. You are using Instantiate to make copies of the Explosion 
prefab, but there’s nothing to clean them up. In the Prefabs menu, open the 
Explosion and create a new C# script called ExplosionClear. 


Open it in the script editor. 


ore eerrrer> 
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50 Since the explosion only plays once, it’s safe to remove it after the particle 
systems have stopped playing. In the explosion, the smoke takes the longest to 
clear, so let’s track that. 


Add a private variable of the type ParticleSystem and name it particleSmoke. 


The moment the object is instantiated, (public void Awake) you'll need to 
define particleSmoke. Since it is a child of the explosion object, you can set 
particleSmoke to gameObject.GetComponentInChildren() 


Finally in the Update function, we check to see if particleSmoke is still running 
(IsAlive). If it isn't, Destroy this GameObject. 


Save your script and return to Unity. 


1 SJusing System.Collections; 

2 using System.ColLections.Generic; 
3 | using UnityEngine; 
4 


Spublic class ExplosionClear : MonoBehaviour 


Oly 5 
6 
7 private ParticleSystem particleSmoke; 
8 
® Unity Message | 0 references 
9 = private void Awake() 
10 { 
11 particleSmoke = GetComponentInChildren<ParticleSystem>(); 
12 } 
13 
® Unity N | O references 
14 E privat d Update() 
15 { 
16 = if (!particleSmoke.IsAlive()) 
17 { 
18g” Destroy(gameObject); 
19 } 
20 
21 } 
22 


51 Now the game runs and looks pretty sharp! Too bad you can’t remember your 
best score. If only there was something to fix that... 
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52 


Before we move onto the final part, let's change how some things look. Using 
what you know about UI, change your UI elements to look how you want. You 
can copy the image below or use what you think looks best. You can also try 
messing around with the particle systems, try changing the color of the smoke 
to an alien green or maybe try changing it to a golden yellow. 


Score: bana 


CAME OVER 
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346|Code Ninjas Purple Belt v3.1 


Activity 11: Dropping Bombs Part 5 


What's the point of having a score if you have nothing to compare it to? 
In this activity, you will complete the Dropping Bombs game by adding 
a Best Score feature. 


1 Before making additional changes to your project, let's make a backup of the 
entire game. In the Projects panel, make sure that the Assets folder is 
selected. Then click on the Assets tab at the top of the screen and select 
Export Package. Make sure that all the assets are selected before clicking on 
the Export button. Give the package a name like JS-DroppingBombsPart4. 


2 The first thing we need to do is have something in the interface to display 
the best score. Select the Canvas in the Hierarchy panel and find the Score 
Text object. Select it and make a copy of it by clicking Ctrl+D. Name the new 
object BestScore and position it so that it is below the Score object. Change 
the text to Best Score: 0. 


© inge 
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3 Open the GameManager script in the script manager. We need to set up 
some variables to track the best score. First, create a private integer for the 
score itself named bestScore. Set it to 0. 


You'll need a public variable of the TMP_Text type for the new text object 
that was just created. Let's call it bestScoreText. 


Finally, in order to know if the high score has been beaten, create a private 
bool called beatBestScore. 


[Header("Score")] 
public TMP_Text scoreText; 
public int pointsWorth = 1; 
private int score; 


private int bestScore = 0; 
public TMP_Text bestScoreText; 
private bool beatBestScore; 


29 private bool smokeCleared = true; 
30 
® Unity Message | 0 references 
31 H private void Awake() 
2? {f 
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A When the game is started, you want to hide both the Score and BestScore 
objects. Add a line to the Awake function to set bestScoreText.enabled to 
false. 


We are storing the value of bestScore as an integer in the PlayerPrefs. 
PlayerPrefs is data that gets saved on the local machine with the game and 
is not lost when the game is stopped. 


Set bestScore to PlayerPrefs.GetInt(“BestScore”) and set the 
bestScoreText.text to “Best Score: "+ bestScore. ToString() (note the extra 
space after the colon and before closing the quotes. ToString converts the 
integer into text). 


= private void Awake() 


31 
32 { 
33 spawner = GameObject.Find("Spawner") .GetComponent<Spawner>(); 
34 screenBounds = Camera.main.ScreenToWorldPoint(new Vector3(Screen.width, Screen.height, Camera.main.transform.position.z)); 
35 oreText enabled = false: 
36 
Jy 
38 
39 
40 // Start is called before the first frame update 
41 = void Start() 
42 
43 spawner.active = false; 
uy title.SetActive(true); 
splash.SetActive(false); 


bestScore = PlayerPrefs.GetInt("BestScore"); 
bestScoreText.text = "Best Score: " + bestScore.ToString(); 


5 In the ResetGame function, you'll do two things. To start a new game, reset 
the beatBestScore boolean to false. 


Also set bestScoreText.enabled to true so that you can see it. 


106 = void ResetGame() 


107 

108 spawner.active = true; 

109 title.SetActive(false); 

110 

111 splash. SetActive(false); 

112 

113 scoreText.enabled = true; 

114 score = 0; 

115 

116 beatBestScore = false; 

117g" bestScoreText.enabled = true;| 
118 

119 player = Instantiate(playerPrefab,new Vector3(0,0,0), playerPrefab.transform.rotation) ; 
120 gameStarted = true; 

121 } 

122 } 

123 
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& When the Rocket is destroyed, OnPlayerKilled is called. This is a good place 
to see if the player has beat the best score. First, you'll want to get the value 
of the current score from the scoreSystem object. This is assigned to the 
variable called score. 


Next, compare score to the value of bestScore as stored in PlayerPrefs. If 
score is greater, then change bestScore to equal score and save the new 
value of bestScore to PlayerPrefs. 


Then we set beatBestScore to true and update the text of the 
bestScoreText object. 


Save your script. 


1 reference 


90 = void OnPlayerkilled() 


91 { 

92 spawner.active = false; 

93 | gameStarted = false; 

94 

95 splash.SetActive(true); 

96 

97 | Invoke("SplashScreen", 2); 

98 

99 fie if(score > bestScore) 

100 { 

101 bestScore = score; 

102 PlayerPrefs.SetInt("BestScore", bestScore); 
103 beatBestScore = true; 
1046” bestScoreText.text = "Best Score: " + bestScore.ToString();]| 
105 

106 

107 
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7 Switch back to Unity. Select the GameManager object and drag the 
BestScore text object into the slot for Best Score Text in the script 
component. 


Score: 0 
Best Score: 0 


r he 
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8 At this point you can test the game and see the Best Score working, but we 
are going to add one last detail. When we beat the high score, we are going 
to change the text color. 


To start, let's go back to our GameManager script and create two public 
Color variables. 


23 

24 private int bestScore = 0; 

25 public TMP_Text bestScoreText; 
26 private bool beatBestScore; 


31 private bool smokeCleared = true; 
32 
@ Unity Message | 0 references 
33 E private void Awake() 
34 { 
35 spawner = GameObject.Find("Spawner") .GetComponent<Spawner>(); 
36 screenBounds = Camera.main.ScreenToWorldPoint(new Vector3(Screen.width, Screen.height, Camera.n 
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Back in Unity, we can see the two Color variables that we can click on to 
change the color. For our normalColor, we probably want white or black, 
but for the bestScoreColor, you can pick whatever color you want. I'll use 
red. 


If you can't see the color, try changing the Alpha (A) value of the Color 
which defaults to 0. 


Add Component 
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10 


11 


Finally, we have two lines to add. Back in the OnPlayerĶKilled function, we 
need to set the bestScoreText color to the bestScoreColor. 
And the same in the ResetGame function, but we are resetting it back to 


normal. 


1 reference 
92 = void OnPlayerKilled() 
{ 


93 

o4 spawner.active = false; 

95 gameStarted = false; 

96 

97 splash. SetActive(true); 

98 

99 Invoke("SplashScreen", 2); 

100 

101 A 

102 

103 bestScoreText.color = bestScoreColor; 

104 

105 bestScore = score; 

106 PlayerPrefs.SetInt("BestScore", bestScore); 
107 beatBestScore = true; 

108 bestScoreText.text = "Best Score: " + bestScore.ToString(); 
109 f) 

110. | } 

111 J 


112 = void ResetGame() 


113 J) { 
114 | bestScoreText.color = normalColor; 
115 


116 spawner.active = true; 


117 title.SetActive(false); 

118 

119 splash.SetActive(false); 

120 

121 scoreText.enabled = true; 

122 | score = 0; 

123 

124 scoreText.text = "Score: " + score.ToString(); 
125 


Save your project and play your game. Notice how the best score from the 
last time you played is still there? And now when you beat the best score, 


the color of the text changes to red. 


At this point, Dropping Bombs is complete! If there is anything else you 
wish to change about your UI, colors, or Spawner, now is the time to do it! 


CAVE OVER 


aE 5 RT a A a e ag at N 


y Again. 
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GLOSSARY 


2D Object: A 2D GameObject such as a tilemap or sprite. 
3D Object: A 3D GameObject such as a cube, terrain or ragdoll. 


Animation: Animation is the process of creating a sequence of static or 
dynamic images that give the illusion of movement. These images can 
either be two-dimensional (2D), or three-dimensional (3D). Animation 
has been around for centuries as an art form, and while it used to be 
created with hand-drawn images, modern technology allows animators 
to create using computer software. 


Animation Blend Shape: Having a mesh smoothly change its form to 
another mesh. 


Animation Blend Tree: Used for continuous blending between similar 
Animation Clips based on float Animation Parameters. 


Animation Clip: This represents a single animation asset in Unity. It 
contains keyframe data for animating specific GameObjects or 
characters. 


Animation Clip Node: 


Animation Key: An animation key, also known as a keyframe, is a 
specific point in time inside an animation where a parameter (such as 
position, rotation, or scale) is set to a particular value. 


Animation Layer: The process of animating visual elements or 
components arranged in layers within a user interface (UI) or a 2D/3D 
scene. 


Array: A type of collection, which is a set of data that's stored and 
accessed using a single variable instead of multiple variables. 
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Aspect ratio: An aspect ratio is a proportional relationship between an 
image's width and height. 


Asset: An asset is a representation of any item that can be used in your 
game or project. An asset may come from a file created outside of 
Unity, such as a 3D model, an audio file, an image, or any of the other 
types of files that Unity supports. 


Asset Package: Asset packages are collections of files and data from 
Unity projects, or elements of projects, which Unity compresses and 
stores in one file with the .unitypackage extension. 


Asset Store: The Unity Asset Store contains a library of free and 
commercial assets that Unity Technologies and members of the 
community create. 


Boolean: In computing, the term Boolean means a result that can only 
have one of two possible values: true or false. 


Box Collider: The Box collider is a built-in cube-shaped collider. It is 
useful for in-application items such as boxes and crates, or as a simple 
collider shape that you can stretch and flatten to make ledges, steps, 
and any other cuboid objects. 


Build: A build in software development, refers to compiling and 
packaging the source code and assets into an executable or deployable 
package for testing or distribution. 


Camera: A camera is a device through which the player views the world. 
Canvas: The Canvas is the area that all Ul elements should be inside. 


The Canvas is a Game Object with a Canvas component on it, and all UI 
elements must be children of such a Canvas. 
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Capsule Collider: The Capsule collider is a built-in 3D capsule-shaped 
collider made of two half-spheres joined together by a cylinder. 


Character Controller: A CharacterController allows you to easily do 
movement constrained by collisions without having to deal witha 
rigidbody. 


Cinemachine: Cinemachine is a modular suite of camera tools for Unity 
which give AAA game quality controls for every camera in your project. 


Collider: A collider is a Unity component that defines the shape of a 
GameObject for the purposes of physical collisions. 


Component: Components are the functional pieces of every 
GameObject. Components contain properties which you can edit to 
define the behavior of aGameObject. For more information on the 
relationship between components and GameObjects, see 
GameObjects. To view a list of the components attached toa 
GameObject in the Inspector window, select a GameObject in either the 
Hierarchy window or the Scene view. 


Console Window: The Console Window shows errors, warnings and 
other messages generated by Unity. You can also show your own 
messages in the Console using the Debug class. 


Content: The content is the term used to describe the objects in your 
scene that are being rendered. Their appearance is a result of the 
lighting context acting on the materials that have been applied to the 
objects. 


Culling Mask: In Unity, the "Culling Mask" refers to a property of 
cameras used to control which layers of objects are rendered in a scene. 
This property determines which layers are visible to the camera and 
which are not. 
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Event System: The Event System is a way of sending events to objects 
in the application based on input, be it keyboard, mouse, touch, or 
custom input. 


Extrude Edges: The Extrude Edges tool pushes a new edge out from 
each selected edge, connected by a new face for each edge 


FirstPersonShooter: A type of video game whose gameplay involves 
shooting enemies and other targets and in which a player views the 
action as though through the eyes of the character they are controlling. 


Float: Float is a shortened term for "floating point." By definition, it's a 
fundamental data type built into the compiler that's used to define 
numeric values with floating decimal points. 


Frame: In Unity, a frame is considered a rendered image presented to 
the player's screen. 


Frames Per Second: Frames per second (fps) is a measure of how many 
still images, or frames, are displayed in a single second of video or 
animation. 


Function: A function is a self-contained program segment that carries 
out some specific, well-defined task. 


GameObject: GameObjects are the fundamental objects in Unity that 
represent characters, props and scenery. 


Gizmo: Gizmos are graphics associated with GameObjects in the Scene. 
HDR: HDR stands for High Dynamic Range and refers to a technique 


that expresses details in content in both very bright and very dark 
scenes. 
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IDE: An integrated development environment (IDE) is a software 
application that helps programmers develop software code efficiently. 
The most commonly used IDE with Unity is Microsoft Visual Studio, 
which is often recommended and provided as a default option when 
installing Unity on Windows. 


Input Key: An "Input Key" is an identifier used in software development, 
particularly in game development with platforms like Unity, to detect 
and respond to specific user inputs, such as keyboard presses, mouse 
clicks, or touchscreen gestures. 


Input Manager: The Input Manager is where you define all the different 
input axes and game actions for your project. 


Inspector: The Inspector displays detailed information about your 
currently selected GameObject, including all attached Components and 
their properties. Here, you modify the functionality of GameObjects in 
your scene. 


Instantiate: Instantiating means bringing the object into existence. 
Integer: A number without any decimal value, like 3 or 200. 


Interactable: An object in a Scene that the user can interact with (for 
example, grab it, press it, or throw it). 


Interpolation: Interpolation provides a way to manage the appearance 
of jitter in the movement of your Rigidbody GameObjects at run time. 


Invoke: The Invoke functions allow you to schedule method calls to 
occur at a later time. 


Invoke Repeating: The InvokeRepeating method in Unity is a built-in 
function that allows you to schedule a method to be called repeatedly 
at fixed time intervals. 
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Keyframe: Keyframe animation records the state of the object and then 
interpolates between the changes of each keyframe. 


Layer: Layers are most commonly used by Cameras to render only a 
part of the scene, and by Lights to illuminate only parts of the scene. 
But they can also be used by raycasting to selectively ignore colliders or 
to create collisions. 


Layer Mask: In Unity, a "layer mask" is a bitmask that allows you to 
selectively include or exclude specific layers from various operations, 
such as physics calculations, raycasting, and rendering. 


Material: All rendered meshes use a material to define how that object 
is displayed. A material's attributes are based on what Shader is used by 


the material. 


Mesh: All 3D objects in Unity are broken down into triangles or 
polygons which comprise of the mesh. 


Mesh Collider: A collider component that takes the shape of the current 
mesh attached to it. 


Mesh Renderer: A component used to control how a mesh appears in 
the scene 


Model: Any 3D asset. Often created in a 3D modeling program. 


MonoBehavior: Unity’s base class that many Unity Scripts derive from. 
Offers many functions such as void Update, Start and Awake 


Near clipping plane: The clipping plane that is closest to the camera. 


Normal: A vector representing the direction perpendicular to a mesh. 
Unity uses Normals to apply shading and calculate object orientation. 
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Orthographic: A camera that doesn’t measure depth. All objects 
regardless of how far away they are will look the same distance away 
from each other. 


Package: A single file containing a collection of assets or features for 
importing to and exporting from Unity Projects. 


Parent: An object that contains one or more child objects in the 
Hierarchy. Child objects move, scale and rotate as their parent does. 


Particle: An individual object that is created and managed by a particle 
system. A particle can be a mesh, texture or even a collection of sprites. 


Particle System: A means of creating various effects such as smoke, 
fluid and gas by using small, simple particles. 


Perspective: A type of camera that measures Depth, similar to real-life 
cameras. 


Physics: Physics in Games represents real-world attributes such as 
Gravity, Collisions, Time, and more. Physics can be changed through 
the settings and through scripting. 


Physics Engine: Uses mathematics to simulate physics (such as gravity 
and collision) in a virtual environment 


Physics Material: Used to simulate physics for 3D objects. A Physics 
Material 2D can be used for 2D objects. 


Pixel: The smallest part of a computer image. Pixel size depends on 
screen resolution. 


Player Settings: A window that contain settings for how Unity will build 
and display the final application 


Plug-in: Code that can be added to create additional functionality in 
Unity. 


360|Code Ninjas Purple Belt v3.1 


Position: A value that represents where an object is positioned in space 
based on an X, Y and Z axis. 


Prefab: A type of asset that is a stored version of a gameobject that 
includes all attached components. A prefab can be instantiated during 


runtime. 


Project: A collection of scenes, assets and settings that make up the 
entirety of what you create in Unity. 


Project Settings: Settings that you can adjust to determine how 
physics, input and other parts of the project behave. 


Project View: A panel in the Unity Editor that gives you access to all the 
assets In your project. 


Quad: A 3D object that is similar to a plane but has a much more 
efficient mesh. 


Quaternion: represents an object’s rotation in 3D space 


Rendering: The process through which Unity takes the objects ina 
scene and creates a graphic image. 


Rendering Mode: A shader parameter that gives you transparency 
options. 


Rig: A collection of joints in a mesh, much like a skeleton. 


Rigidbody: A Component that is added so forces such as gravity affect 
the object. 


Rotation: A value that represents how an object is rotated in space 
based on an X, Y and Z axis. 


Scale: A value that represents how big an object is in the X, Y and Z axis. 
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Scene: A world that holds many GameObjects as needed by the 
developer. Scenes can be loaded and unloaded and are primarily used 
for multiple levels. 


Scene View: The window in the Unity editor through which the current 
scene can be viewed and modified. 


Scripts: Written code that directs the behavior of objects in a Unity 
Project. Scripts in Unity are written in C# (C Sharp) 


Shader: A component that applies a material to a GameObject. Some 
shaders are more advanced than others can can even manipulate how 
the texture moves. 


Skybox: A material/texture used to represent the games sky. 


Sphere Colliders: A collider component that is the shape of a primitive 
sphere. 


Sprite: A graphic that has no depth. Can be anything from an image 
used as a texture to a 2D object. 


Sprite Mask: A 2D texture used to hide parts of an underlying graphic 
from the renderer 


Sprite Renderer: A component similar to a mesh renderer but 
specifically for 2D sprites. 


Sprite atlas: A collection of 2D textures in a single image to save 
processing time. 


State Machine: Used in the Animator Controller to keep track of and 
edit the various possible animation states and their transitions. It can 
also be a term that refers to an Al and how they act. For example, an Al 
may have a walk state or an attack state that code will transition 
between. 


String: An object which can only have a value of text. 
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Tag: A reference that is applied to objects so they can be easily 
identified by a script. 


Terrain: A term for a landscape in your scene, usually natural. A terrain 
GameObject can be edited through that object's inspector to quickly 


create a detailed environment. 


Terrain Collider: A collider component that takes the shape of the 
terrain object it is attached to. 


Text: Part of the Ul that presents information to the user in a non- 
interactive way. 


Text Input Field: A Ul object that allows for the user to enter requested 
text. 


Text Mesh: the mesh that is used to display a text string 


Text Mesh Pro: A Unity Package that produces high-quality text, as well 
as other features involving Ul elements. 


Texture: An image that is applied to a GameObject, sprite or mesh. 
Third Person Shooter: A shooter game where the camera is positioned 
above and behind the player. 

Toggle: A UI checkbox that can be either on or off 


Toolbar: A row of buttons and tabs to allow quick editing. 


Trail Renderer: Applies trails behind a GameObject as it moves in the 
game. 


Transform: A component that handles the object's position, rotation 
and scale. 


Trigger: A type of collider that activates code but isn’t physically 
touchable by Gameobjects, 
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Variable: A symbol that represents an object. For example, you may 
have a variable that represents a number, vector, object or an array of 
something. 


Vector: A mathematical concept that allows you to describe a direction 
and a magnitude. In games, a vector is used to describe properties such 
as position, rotation or scale. 


Visual Studio: An IDE created by Microsoft that is used to type in code. 


Void Awake: A function that happens on the frame when a script is 
enabled, but before void Start. 


Void FixedUpdate: Similar to Void Update, FixedUpdate is called every 
fixed frame-rate frame. This function is called at a fixed rate and is not 
dependent on the game's speed. 


Void Start: A Unity Function that happens on the frame when a script is 
enabled, just before any of the void Update function is called. 


Void Update: A Unity Function that happens once every frame. This 
function is called at a variable rate depending on the game's speed. 
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